`

webStorm创建Nodejs和react项目

阅读更多
对于webStorm不支持直接创建nodejs express 和react app的项目
一、node.js express app 项目创建
命令步骤:
$ npm install -g express-generator
$ express --view=hbs /tmp/foo && cd /tmp/foo
$ npm install

把my-app项目导入webstorm

二、react app 项目创建
命令步骤:
$ cnpm install -g create-react-app
$ create-react-app my-app
$ cd my-app/
$ npm start

把my-app项目导入webstorm
运行时需要设置run->Run/Debug Configurations->npm
三、react-native项目创建
命令执行步骤:
$ npm install -g react-native-cli
$ react-native init my-app
$ cd my-app/
$ npm start



分享到:
评论

相关推荐

    vue和webpack项目构建过程常用的npm命令详解

    Vue 和 Webpack 项目构建过程常用的 npm 命令详解 在构建 Vue 和 Webpack 项目时,了解常用的 npm 命令是非常重要的。本文将通过实例代码介绍 Vue 和 Webpack 项目构建过程常用的 npm 命令。 安装 Vue 要安装最新...

    nodejs-webstorm:WebStorm中的Node.js开发工作流程

    在本文中,我们将深入探讨如何在JetBrains的旗舰级IDE WebStorm中高效地进行Node.js开发,基于Adron Hall的网络研讨会"nodejs-webstorm"。WebStorm是开发者社区广泛认可的JavaScript、TypeScript和Node.js开发的强大...

    react-native移动端开发笔记1

    Node.js是React Native开发的基础,因为它提供了npm(Node Package Manager),这是JavaScript包管理器,用于安装和管理项目依赖。访问Node.js官网(https://nodejs.org)下载最新稳定版的Node.js安装包,根据提示...

    nodejs安装及多版本安装与TS环境搭建

    在实际开发中,你还需要了解如何使用 Git 进行版本控制,如何配置 IDE(如 Visual Studio Code 或 WebStorm)以支持 TypeScript 开发,以及如何使用包管理器(如 npm 或 yarn)来安装和管理项目依赖。此外,学习 ...

    SpringBlade快速开发手册

    工程导入部分指导如何将SpringBlade工程导入开发环境,并创建和配置数据库。这部分也包括Nacos配置增加,以及如何导入、配置和运行SpringBlade工程。在这个过程中,还会涉及如何验证服务是否启动成功和服务调用测试...

    webstrom汉化包

    描述中提到的“nodejs学习工具”,意味着WebStorm不仅适用于Web前端开发,还集成了Node.js的开发支持。Node.js是一个基于Chrome V8引擎的JavaScript运行环境,用于在服务器端执行JavaScript代码,是构建网络应用的...

    Node.js 资源汇总

    - **React Native**:使用 JavaScript 和 React 构建原生移动应用。 - **MongoDB** 和 **Mongoose**:非关系型数据库 MongoDB 的 Node.js 驱动及 ORM 模型库。 - **NestJS**:基于 TypeScript 的渐进式 Node.js 框架...

    ChatbotFE:AI Chat Bot用于英语学习(在React Native上)

    在WebStorm或另一个IDE中打开TypeScript项目 在终端中打开根文件夹(在WebStorm中为“终端”),然后运行npm install 然后,如果您想以DEBUG模式开发应用程序,而无需在设备上进行安装,则需要执行以下操作: 在...

    GTC:Growtopia社区

    使用的技术堆栈和库,框架和架构 React 代码拆分(延迟导入) 表示 暴民 React路由器 样式化的组件 React带 材料UI 轴距 温泉 React钩 MySQL的 道具类型 节点 es6 es-lint(airbnb) 定制cra 巴别塔 网页包 ...

    IAM-客户二开流程.pdf

    - **开发语言**:React框架。 - **配置网关地址**:根据实际需求配置相应的网关地址。 - **安装依赖**:使用`npm install`命令安装项目所需的依赖包。 ##### 2. 运行项目 - 使用`npm run start`命令启动项目,确保...

    酒店推荐系统源码java-resume:团河简历

    酒店推荐系统源码java 恢复 团哈 高级网络开发人员 在服务器端和客户端开发 Web 应用程序超过 8 ...开发工具:WebStorm、RubyMine、PHPStorm、VSCodium、Vagrant、Docker、Git、Composer、NPM、Bowe

    node-v18.16.0-win-x64.zip

    - 用户可以通过命令行运行 "node" 命令来执行 JavaScript 代码,或者使用 "npm" 来安装、管理和更新项目依赖。 6. **开发环境配置**: - 开发者经常将 Node.js 配置到系统路径中,这样就可以在任何目录下直接运行...

    express-oauth2-skeleton:express-oauth2-skeleton 可以让您立即启动并运行!

    其他 IDE,例如 Webstorm 也可以正常工作,只需确保您的编辑器中具有良好的 git 和 eslint 支持,以方便使用。 对于 VSCode,我们可以推荐以下扩展: eslint:一个可以显示代码中所有 eslint linting 错误的包。 ...

    酷炫的爆栈网源码.zip

    WebStorm Atom [GitHub] Vim Emacs Brackets [GitHub] Light Table [GitHub] Visual Studio Visual Studio Code [GitHub] Dreamweaver ;-) ...

Global site tag (gtag.js) - Google Analytics