一、npm是什麼？
npm 是 NodeJS 下的包管理器，vue-cli腳手架模板就是基於 node 下的 npm 來完成安裝的。
相關介紹~
webpack: 它的主要用途是透過CommonJS的語法把所有瀏覽器端需要釋出的靜態資源做相應的準備，比如資源的合併和打包。
vue-cli：官方提供的一個腳手架，用於快速生成一個 vue 的專案模板。
二、安裝、配置環境變數
1.下載並安裝NodeJS
windows下的NodeJS安裝是比較方便的（v0.6.0版本之後，支援windows native），只需要直接訪問官網（https://nodejs.cn/download/），這裡我們可以選擇 Windows 安裝包 (.msi)-64位 進行安裝。
或者直接登陸官網 http://nodejs.org/
安裝過程基本一路直接“NEXT”就可以了，直到Finished。
windows下，安裝msi檔案在過程中會直接新增path的系統變數，變數值是你的安裝路徑，例如“D:\RunSoftware\nodejs”
確認 nodejs 安裝成功：
快捷鍵 win+R —> 輸入 cmd命令列，進入 dos 視窗：輸入 node -v， 檢視是否能夠正確列印出版本號即可！
node自帶 npm，輸入 npm -v，檢視是否能夠正確列印出版本號即可！
2.npm配置
npm作為一個NodeJS的模組管理，我們可以先配置npm的全域性模組的存放路徑以及cache的路徑。
（1）建立2個目錄 node_cache 和 node_global 。
如果想將這兩個資料夾放在NodeJS的主目錄下，便在NodeJs下建立"node_global"及"node_cache"兩個資料夾。如下：
（2）進行配置
npm config set prefix "D:\RunSoftware\nodejs\node_global" npm config set cache "D:\RunSoftware\nodejs\node_cache"
如果不進行這一步設定，npm的全域性安裝包，將不會在node安裝資料夾裡。
如果這個步驟出現錯誤，如：operation not permitted, mkdir ‘D:\RunSoftware\nodejs’，請使用管理員身份開啟cmd命令列。
這裡我們可以看到：
（3）配置 環境變數
進入環境變數對話方塊，在系統變數下新建 “NODE_PATH”，輸入”D:\RunSoftware\nodejs\node_global\node_modules“。
由於改變了module的預設地址，所以上面的使用者變數都要跟著改變一下（使用者變數"PATH"修改為“D:\RunSoftware\nodejs\node_global\”），否則使用 module 的時候會導致輸入命令出現 “xxx不是內部或外部命令，也不是可執行的程式或批處理檔案”這個錯誤。
（4）安裝 Node.js 淘寶映象加速器（cnpm）。這樣子的話，下載會快很多~
配置映象站：npm config set registry=https://registry.npm.taobao.org
檢查一下映象站是否可以：npm config get registry
接下來，輸入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
或者輸入如下命令：
# -g 就是全域性安裝
npm install cnpm -g
# 或使用如下語句解決 npm 速度慢的問題
npm install --registry=https://registry.npm.taobao.org
1
2
3
4
新增系統變數path的內容：
因為 cnpm 會被安裝到 D:\RunSoftware\nodejs\node_global 下，而系統變數path並未包含該路徑。所以我們在系統變數path下新增該路徑後，便可正常使用 cnpm 。
然後，輸入命令：cnpm -v，檢視結果。
安裝過程可能會有點慢，耐心等待！雖然安裝了 cnpm，但是儘量少用！
安裝的位置，如下：
至此，我們的 npm 安裝就成功結束了！
————————————————
版權宣告：本文為博主原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處連結和本宣告。
原文連結：https://blog.csdn.net/panpan_Yang/article/details/130284726