目录
正文--------------------------------------------------------
点击进去，在目录处输入cmd然后回车，即在该目录下打开cmd
前言
近期因为工作需要使用到react原因，在做技术的储备，在网上找了个视频教程跟着学习。
虽然我在这个学习的过程挺认真的，也认真的敲了代码练习视频中的小练习，但是过了一天，我还是忘记了大半的内容。于是决定，学习完后，采用写博客记录的方式，一方面帮助我回想和整理知识点代码思路，另一方面也能在后期重新阅读复习。
说明，因为写这篇博客花费了一些时间，有些是在下班后一小时左右写的（加班一小时没饭补也没加班费），有的是在回家后写的，所以截图有些是公司电脑的，有些事我自己电脑的。
借鉴博客地址
node的各安装和配置：https://blog.csdn.net/weixin_43464964/article/details/101522179亲测有效
正文--------------------------------------------------------
搭建react环境
下载和配置node
因为要创建react项目，需要使用到node的js文件管理功能和npm以及cnpm，因此首先就是需要安装和配置好node。
下载node12.13.1的msi文件。
Windows版本的64位，可以去官网下载，也可以通过我的网盘链接获取。获取不到可以私聊我
链接：https://pan.baidu.com/s/1xAe-ItVFIcD-2Nk5fQ1p2A?
提取码：zlxf?
--来自百度网盘超级会员V3的分享
下载下来后，双击运行。
跟着提示一直next就好，可以改下安装路径，其它的都不用管。
测试是否安装成功。
完成后windows+r，cmd，前后输入命令：node -v和npm -v查看版本，如果版本号可以查询出来，代码安装成功。
如果上面的命令没有效果，表示msi没有配置好Path变量，需要我们自己配置（一般都配置好了的），配置环境变量的Path，添加node的地址
创建两个文件夹。
之后在node的安装目录下创建两个文件夹：“node_global"及"node_cache”；以下是我使用过的node后的目录，可能和刚下载好的不一样。直接创建就好，不用在意。
打开cmd，绑定node下新建的两个文件夹，依次运行下面的命令：
npm config set prefix “D:\SoftApp\nodeJs\node_global”
npm config set cache “D:\SoftApp\nodeJs\node_cache”?没有别的提示就表示成功。
再次打开电脑的环境变量，新增环境变量：
变量名: NODE_PATH
变量值: 安装的node.js下D:\SoftApp\nodeJs\node_modules目录
下载cnpm，在创建react项目等的时候会用到。
在cmd下，输入下面命令
npm install -g cnpm --registry=https://registry.npm.taobao.org开始下载。。。?
?下载完成
配置cnpm
安装完成后，由于cnpm会被安装到我们新建的文件夹node_global下，所以需要配置其Path环境变量
?测试cnpm版本，即查看是否下载成功。
最后在cmd中输入cnpm -v，有版本显示就表示成功了。可以开始react项目环境的搭建了。
使用npx创建项目
创建好项目存放的目录
我的习惯，是在node的目录下，创建一个新的文件夹“reactProjects”
点击进去，在目录处输入cmd然后回车，即在该目录下打开cmd
?
?如下：
?可以看见上一条指令报错了。。。就是项目名不能再是有大写字母的意思，换成小写就好。后面只需要等待它自己下载创建好就行。
输入指令：testapp是要创建的项目的名称
npx create-react-app testapp?开始创建：
?过一会儿看见下面的界面：
然后就是长时间的等待，就一直这一行一直变化着，有点耐心哈。要是不动了，那条斜线都不动了，就按一下enter回车键，按了也没有反应就继续等。然后出现大片的英文，最后出现“Happy hacking!” 就成功搭建好环境了。
?打开项目的目录：
测试搭建成功与否。
等它下载完成后，在新建的项目的目录下打开cmd，输入npm start
出现下面这个画面就表示环境搭建成功。
结语
希望对你有所帮助，对我肯定有很大帮助。
完