Windows10系统搭建React开发环境

1.下载Windows版Node.js安装包并安装
  https://cdn.npmmirror.com/binaries/node/latest-v16.x/node-v16.14.0-x64.msi
  双击node-v16.14.0-x64.msi执行安装。
  安装完成后，使用win+r运行cmd，进入命令行执行以下命令：
  node -v查看node版本
  npm -v查看npm版本

2.配置Node.js
  1).进入nodejs安装目录（例如 D:\Program Files\nodejs\），在目录中新建两个文件夹，分别命名为node_global、node_cache
     然后在命令行中执行以下命令：
     npm config set prefix "D:\Program Files\nodejs\node_global"
     npm config set cache "D:\Program Files\nodejs\node_cache"
     npm config set registry https://registry.npmmirror.com
     关闭命令行窗口。

  2).打开系统对话框，右键点击 我的电脑-->属性-->高级系统设置-->高级-->环境变量
     在系统变量下新建"NODE_PATH"，输入"D:\Program Files\nodejs\node_global\node_modules"，点击“确定”。

  3).再次开启命令行窗口，在命令行输入以下命令安装express
     npm install express -g

  4).进入node，输入require('express')来测试一下node的模块全局路径是否配置正确。

3.安装淘宝镜像cnpm
  1).打开系统对话框，右键点击 我的电脑-->属性-->高级系统设置-->高级-->环境变量
     在系统变量下编辑"Path"，新增"D:\Program Files\nodejs\node_global"，点击“确定”。
  2).在命令行输入以下命令安装cnpm
     npm install cnpm -g --registry=https://registry.npmmirror.com
     输入cnpm -v，检查cnpm是否安装成功。

4.安装create-react-app并创建项目或直接导入已有项目
  1).自动创建项目
  npm install create-react-app -g
  create-react-app todolist
  2).导入已有项目
  使用vscode打开已有项目目录，新建终端然后输入 cnpm i 安装依赖库。

5.运行项目
  使用vscode工具执行npm脚本 start，运行项目。