一、React环境
1 下载 nodejs
https://nodejs.org/en/download/
2 安装
Windows程序安装步骤，没啥特殊的。
我的安装路径 D:\Program Files\nodejs
3 修改npm默认的模板安装路径
默认是C盘。修改一下：在指定位置（我想改在D安装目录下）创建文件夹 node_global 和 node_cache。
启动 PowerShell (cmd) 执行
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
4 修改环境变量
修改用户变量中的Path：
原值是： C:\Users\Administrator\AppData\Roaming\npm
修改为： D:\Program Files\nodejs\node_global
修改系统变量，增加 NODE_PATH：
值为：D:\Program Files\nodejs\node_global\node_modules
5 设置源镜像
默认镜像是外国的，修改为淘宝的。有两种方式：
- 将npm设置为淘宝镜像
# 修改
npm config set registry https://registry.npmmirror.com
# 查看npm设置
npm config get registry
- 使用淘宝定制的的cnpm：
# 安装cnpm
npm install -g cnpm --registry=https://registry.npmmirror.com
# 查看cnpm设置
cnpm config get registry
附
我电脑使用cnpm时出现了个系统问题
cnpm : 无法加载文件 D:\Program Files\nodejs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本。
解决方法：管理员方式PowerShell 执行set-ExecutionPolicy RemoteSigned
二、React项目创建
安装 react 脚手架
安装：
cnpm install -g create-react-app
查看版本：
create-react-app -V
创建 react 项目
- 创建命令：
create-react-app react-demo
or
npx create-react-app react-demo
- 启动
npm start
导入 react 项目
- 下载好项目
- 安装项目所用模块
npm install
- 启动
npm start
三、常用命令
安装依赖模块，加-g全局安装，否则本地安装
npm install 模块名 -g
卸载依赖模块，加-g全局卸载，否则本地卸载
npm uninstall -g 模块名
安装多个模块
npm install 模块1 模块2 模块n --save
启动项目
npm start
打包构建项目
npm run build
