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 項目名

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。