node安装与react环境搭建记录

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/Miserablist/article/details/90479335

• 下载Node.js

打开官网下载链接:https://nodejs.org/en/download/ 

根据自己的电脑选择。我选的是windows 64位，

安装过程很简单不多说。

检测：打开cmd ，输入node -v 查看是否安装 。

           npm工具也会随node一起自动安装，使用npm -v 查看你。

环境配置：

1.  

将全模块所在路径和缓存路径放在我新创建的文件夹里。

配置原因：以后在执行类似：npm install express [-g] （参数-g，代表global全局安装）安装语句时，会将安装的模块安装到当前cmd路径中，占C盘空间。

2.创建完两个空文件夹之后，打开cmd命令窗口，输入

[code]npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"

3.设置环境变量

新建系统变量 NODE_PATH          变量值： H:\nodejs\node_global\node_modules  （参考自己创建文件路径

修改用户变量 -> Path

(以上参考博客： https://www.geek-share.com/detail/2699359942.html）

但是在安装cnpm的时候出错（err npm ERR!4048)

解决方法：

1. cmd：

npm cache clean --force

npm install

2.在命令行中，我们输入

[code]npm config set registry https://registry.npm.taobao.org

来修改

npm

默认的安装源，通过

[code]npm config get registry

来检验一下刚才的配置是否成功。

除此之外，我们还可以使用淘宝镜像提供的

cnpm

工具，通过

cnpm

来安装包一般速度会更快一些，我们可以直接复制文档中的命令：

[code]npm install -g cnpm --registry=https://registry.npm.taobao.org

• 安装淘宝镜像cnmp

由于npm 安装太慢 所以使用cnmp。

打开cmd，输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org

成功情况：

 

可能有些混乱，只是记着避免以后出现重新安装的同种情况。

个人猜测是在安装完node之后的环境变量设置顺序出了差错。环境变量总是那么调皮哈~

• 使用cnmp安装react

cnpm install -g create-react-app
create-react-app my-app
cd my-app/
npm start

cnpm install -g create-react-app

​​​​​​​

create-react-app my-app

（输入发现默认下在c盘了。。。然后我把它移到了软件盘）

（下载时间还蛮长~ 各位耐心等待）

切换到你刚刚下载的react文件位置 然后~ npm start

 

完成啦~~~~