1、下載安裝

點選這裡下載

根據自己電腦系統及位數選擇，我這裡選擇windows64位.msi格式安裝包

.msi和.zip格式區別：

• .msi是Windows installer開發出來的程式安裝檔案，它可以讓你安裝，修改，解除安裝你所安裝的程式。說白了.msi就是Windows installer的資料包，把所有和安裝檔案相關的內容封裝在一個包裡。
  
• .zip是一個壓縮包，解壓之後即可，不需要安裝

在這裡插入圖片描述

下載完成後，雙擊安裝包，開始安裝，一直點next即可，安裝路徑預設在C:\Program Files下，也可以自定義修改

在這裡插入圖片描述 在這裡插入圖片描述

npm package manager

表示npm包管理器

online documentation shortcuts 線上文件快捷方式

Add to PATH新增node安裝路徑到環境變數

安裝完成如圖所示，這裡我修改了node的安裝路徑C:\node

在這裡插入圖片描述

安裝完成後，.msi格式的安裝包已經將node.exe新增到系統環境變數path中,如果你下載的是.zip格式，因為沒有安裝過程，所以需要手動將node.exe所在目錄新增到環境變數path中，檢視系統變數驗證

image.png
既然已經將node新增到全域性系統變數，我們可以直接在CMD視窗中任意位置執行node，開啟CMD視窗，執行命令node -v檢視node版本

v14.7.0

最新版的node在安裝時同時也安裝了npm,執行npm -v檢視npm版本

6.14.7

2、修改全域性依賴包下載路徑

預設情況下，我們在執行npm install -g XXXX下載全域性包時，這個包的預設存放路徑位C:\Users\使用者名稱\AppData\Roaming\npm\node_modules下，可以通過CMD指令npm root -g檢視

C:\Users\liaijie\AppData\Roaming\npm\node_modules

但是有時候我們不想讓全域性包放在這裡，我們可以自定義存放目錄,在CMD

視窗執行以下兩條命令修改預設路徑：

npm config set prefix "C:\node\node_global"

npm config set cache "C:\node\node_cache"

或者開啟c:\node\node_modules\npm\.npmrc檔案，修改如下：

prefix =C:\node\node_global
cache = C:\node\node_cache

以上操作表示，修改全域性包下載目錄為C:\node\node_global,快取目錄為C:\node\node_cache,並會自動建立node_global目錄，而node_cache目錄是快取目錄，會在你下載全域性包時自動建立

在這裡插入圖片描述

3、配置環境變數

因為我們修改了全域性包的下載路徑，那麼自然而然，我們下載的全域性包就會存放在c:\node\node_global\node_modules，而其對應的cmd指令會存放在c:\node\node_global

我全域性安裝一個vue-cli腳手架

npm install @vue/cli -g

安裝完成後：

在這裡插入圖片描述
在這裡插入圖片描述
我使用CMD命令vue create myproject指令建立一個專案，顯示如下 'vue' 不是內部或外部命令，也不是可執行的程式

或批處理檔案。

這是因為我們在執行指令時，它會預設在node安裝根目錄下查詢指令檔案，在這裡就是vue.cmd,然後還會在node安裝根目錄下的node_modules下查詢依賴包資料夾，在這裡就是@vue資料夾，因為我們修改了全域性包的存放路徑，所以自然找不到了，所以我們需要把我們指定的全域性包存放路徑新增到系統環境變數，這樣就可以找到了

在這裡插入圖片描述

再次測試：

C:\Users\liaijie>vue create myproject
?  Your connection to the default npm registry seems to be slow.
   Use https://registry.npm.taobao.org for faster installation? (Y/n)

OK,大功告成！！！！！

連結：https://www.jianshu.com/p/13f45e24b1de