- 下载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命令窗口,输入
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.cnblogs.com/zhouyu2017/p/6485265.html)
但是在安装cnpm的时候出错(err npm ERR!4048)
解决方法:
1. cmd:
npm cache clean --force
npm install
2.在命令行中,我们输入
npm config set registry https://registry.npm.taobao.org
来修改npm
默认的安装源,通过
npm config get registry
来检验一下刚才的配置是否成功。
除此之外,我们还可以使用淘宝镜像提供的cnpm
工具,通过cnpm
来安装包一般速度会更快一些,我们可以直接复制文档中的命令:
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
完成啦~~~~