1、前期準備

要把C盤下的與node和npm相關的目錄刪除，卸載安裝不規(guī)范的node環(huán)境。

2、Node下載與安裝

去node官網(wǎng)下載：https://nodejs.org/zh-cn/download/

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

node安裝時，要安裝到指定的目錄下，例如：

D:/nodejs

3、修改NPM全局安裝路徑

第一步：

在 D:/nodejs 目錄下創(chuàng)建文件夾：

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

第二步：

執(zhí)行以下命令，查看當前的默認全局路徑（該步驟可以忽略）：

npm config ls

執(zhí)行設置全局安裝目錄的命令：

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

上面命令執(zhí)行完成后，可以再次執(zhí)行 npm config ls 查看是否修改成功

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

第三步：

右鍵點擊【我的電腦】–>【屬性】–>【高級系統(tǒng)設置】–>【環(huán)境變量】，在環(huán)境變量窗口中選擇【系統(tǒng)變量】–>【path】選項，點擊編輯。

把下面兩個目錄添加到環(huán)境變量的path中：

D:\nodejs D:\nodejs\node_global

填寫完成后，一直點擊【確定】，直到最后關閉所有對話框。

第四步：

打開cmd命令窗口，執(zhí)行：

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

執(zhí)行完成后，去 D:\nodejs\node_global 目錄下查看是否下載成功。

到此，NPM全局安裝路徑就修改完畢了。

4、使用腳手架搭建React開發(fā)環(huán)境

安裝腳手架：

cnpm i create-react-app -g

執(zhí)行完成后，去 D:\nodejs\node_global 目錄下查看 create-react-app 腳手架工具是否正確的下載到該目錄。

在指定的目錄下創(chuàng)建項目：

create-react-app 項目名

總結

以上是生活随笔為你收集整理的node环境搭建流程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。