react(一)环境搭建和利用IDEA建立简单react项目

安装node

官网https://nodejs.org/en/download/下载最新的稳定版本，下载安装完以后在cmd界面输入node -v 可以直接查看版本，安装node时会自带一个npm的包管理工具，在命令行通过 npm -v查看。

 

 
国内使用npm很慢，可以使用淘宝的镜像来代替原有的，在命令行输入：npm config set registry https://registry.npm.taobao.org 即可设置。安装好node，会自动将node设置系统的环境变量，将npm设置为系统的用户变量，可在系统环境变量中查看。

npm常用命令

npm list  //查看本地已安装模块清单
npm list [packageName] // 查看本地已安装模块版本
npm info [packageName] //查看模块的详细信息 包括各版本号等
npm view [packageName] version // 查看模块远程最新版本
npm view [packageName] versions // 查看模块远程所有版本

#一般安装模块在{User}/AppData/Roaming/npm文件夹中
npm install [packageName] //安装模块
npm install [packageName]@xxx.xx //安装模块的指定版本
npm install [packageName]  -g //全局安装模块
npm install [packageName] --save 安装好后写入package.json的dependencies中（生产环境依赖）
npm install [packageName] --save-dev 安装好后写入package.json的devDepencies中（开发环境依赖）

npm uninstall [packageName] // 删除模块
npm uninstall [packageName] -g //卸载全局模块
npm uninstall [packageName] --save  // 删除模块，同时删除模块留在package.json中dependencies下的对应信息
npm uninstall [packageName] --save-dev  // 删除模块，同时删除模块留在package.json中devDependencies下的对应信

安装create-react-app
安装create-react-app有利于我们快速创建一个react应用，安装命令：npm install -g create-react-app，会下载很多模块及相应的依赖。

创建并运行项目
在cmd中切换至工作空间，输入create-react-app demo01创建一个react项目

 
输入npm start，都可以看到成功的启动了项目

Ideal配置react开发环境

安装node.js插件

进入IDEA后，检查是否安装node.js，插件安装方法：在file > setting > plugins 然后手动点击Browe rep....，安装完，重启IDEA就能找到上图的nodejs

 

新建react工程