Windows下Node.js的下載下傳安裝，Node、npm的配置，vscode的下載下傳，vscode從git拉去項目，編譯并運作

一、Node.js的下載下傳安裝

1、打開node.js的官網Node.js 中文網，根據自己的電腦選擇适合自己的Node.js安裝包，可以選擇v14.18.3那個版本，版本過高可能會導緻性能不比對等問題。

2、下載下傳完成之後打開下載下傳好的安裝包，開始下載下傳

預設安裝路徑為C槽，由于C槽空間有限，将安裝路徑改為D盤 

3、到此就下載下傳成功了，可以在cmd中輸入node -v、npm-v，檢視node是否傳回node和npm的版本号，出現此界面，說明安裝成功

二、 Node、npm的配置

    node和npm并不是下載下傳好就可以直接使用的，須在系統環境變量中進行設定才可以進行使用

1、先進行全局子產品路徑和緩存路徑的配置

全局子產品路徑預設放在C槽下，但由于我們C槽空間不足，盡量放到其他盤下，這裡推薦放到node.js的安裝路徑下，在node.js的安裝包下建立兩個檔案夾，分别命名為node_global和node_cache，對應分别是全局子產品路徑和緩存路徑

cmd打開指令行視窗，輸入

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

2、再進行環境變量的配置

右擊此電腦，點選屬性，選擇進階系統設定，點選環境變量

在使用者變量中尋找path，點選path，将C:\Users\lenovo\AppData\Roaming\npm修改為D:\Program Files\nodejs\node_global

在系統變量中建立變量，變量名為NODE_PATH，變量值為D:\Program Files\nodejs\node_global\node_modules，在系統變量中尋找path，進行編輯，建立變量值D:\Program Files\nodejs\node_global\node_modules，點選确定進行儲存，最終的環境變量配置如下：

到此node、npm的環境變量配置結束 

三、Visual Studio Code的下載下傳

點選此連結進行vscode的下載下傳，VSCodeUserSetup-x64-1.63.2.exe，下載下傳成功之後，點選安裝包進行安裝，安裝成功之後，搜尋Chinese，點選install，然後restart

四、從git拉取項目，并在VS code中編譯運作

1、打開git，找到所拉項目的url位址，複制。建立一個空檔案夾，打開該檔案夾，并在該檔案夾下cmd打開指令行界面，輸入git clone +你複制的項目URL位址，回車即克隆成功

2、打開VS code，在VS code中打開拉取到的檔案夾，建立終端

3、在VS Code界面中，ctrl+p輸入Config，點選vue.config.js，配置自己的接口代理服務

4、配置成功之後，輸入npm install進行項目編譯，編譯成功之後，輸入npm run dev，以開發者模式運作項目，運作成功之後點選終端控制台輸出的IP位址進行界面的通路

注：

1、下載下傳node.js，最好下載下傳v14.18.3，v16版本太高會導緻性能不比對；

2、進行了全局子產品路徑的配置和緩存路徑配置之後，一定要進行環境變量的配置，否則cmd将報無法識别node的指令錯誤；

3、修改環境變量時，使用者變量和系統變量均要修改，path和node path都要進行添加和修改；

4、配置自己的接口代理服務時，一定要找到自己電腦的IP位址，正确輸入，否則代理無效，我在第一次忘記了修改自己的接口代理IP，在沒有修改接口代理服務的情況下，進行了npm install項目的編譯，然後進行了npm run dev項目運作，發現報了無法代理接口服務的錯誤，意識到了自己沒有修改接口IP位址。進行修改之後，并沒有清除緩存就又一次進行了npm install和npm run dev，運作時又報了431和500錯誤，究其原因就是我沒有清除緩存，node_module下邊依賴包出了問題，修改之後必須清除緩存，然後重新進行編譯打包最後再運作，否則百度找到的任何錯誤的解決辦法都雨你無瓜。