node环境搭建

1、前期准备

要把C盘下的与node和npm相关的目录删除，卸载安装不规范的node环境。

2、Node下载与安装

去node官网下载：https://nodejs.org/zh-cn/download/

安装参考教程：https://www.runoob.com/nodejs/nodejs-install-setup.html

node安装时，要安装到指定的目录下，例如：

D:/nodejs

3、修改NPM全局安装路径

第一步：

在 D:/nodejs 目录下创建文件夹：

D:\nodejs\node_global
D:\nodejs\node_cache

第二步：

执行以下命令，查看当前的默认全局路径（该步骤可以忽略）：

npm config ls

执行设置全局安装目录的命令：

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

上面命令执行完成后，可以再次执行 npm config ls 查看是否修改成功

参加教程：https://blog.csdn.net/p445098355/article/details/104525919

第三步：

右键点击【我的电脑】–>【属性】–>【高级系统设置】–>【环境变量】，在环境变量窗口中选择【系统变量】–>【path】选项，点击编辑。

把下面两个目录添加到环境变量的path中：

D:\nodejs
D:\nodejs\node_global

填写完成后，一直点击【确定】，直到最后关闭所有对话框。

第四步：

打开cmd命令窗口，执行：

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

执行完成后，去 D:\nodejs\node_global 目录下查看是否下载成功。

到此，NPM全局安装路径就修改完毕了。

4、使用脚手架搭建React开发环境

安装脚手架：

cnpm i create-react-app -g

执行完成后，去 D:\nodejs\node_global 目录下查看 create-react-app 脚手架工具是否正确的下载到该目录。

在指定的目录下创建项目：

create-react-app 项目名