我們研究vue時，首先操作的就是vue的引用，大部分人為了方便直接在頁面上引用vue.js，但是一些大型網站還是比較喜歡用vue的npm命令來安裝vue並使用，之前研究vue時，研究過使用npm安裝的方式，但是總是沒裝成功，當時因為一些原因就放棄了繼續研究下去，直接引用vue.js的方式來學習vue。這兩天剛好有時間來繼續研究下vue的npm安裝方式，中間也遇上了一些問題。折騰了兩天總算搞完了，現在回想起來，也挺容易的。下面就從安裝node.js到npm的設置，再到vue的安裝的步驟來描述下過程。
第一步： 使用npm的命令來安裝vue，首先電腦得安裝node.js，才能使用，先從官網下載node.js，官網地址：https://nodejs.org/en/，除了更改安裝路徑，其他的直接默認“下一步”就可以。
注意：
node.js 最好安裝到D盤，我本來是安裝C盤，但是之前我電腦賬戶因為是公司的電腦，而當時我是非超級管理員的賬戶，node.js被我安裝到了C盤，后面用npm的方式安裝文件時，總是報錯，提示沒有權限。
當然如果你的賬號是電腦的管理員，node.js裝到C盤，但是在啟動cmd前要用“使用管理員方式打開”，否則npm命令安裝時可能會出現沒有權限的錯誤。
個人是覺得裝到D盤，可以避免一些錯誤，而且后期如果需要用npm安裝一些插件啥的，或者是npm緩存，也可以節省C盤的磁盤空間。
第二步：查看node.js和npm是否已安裝成功
1） “以管理員身份運行” cmd窗口，在窗口中輸入命令： node -v
如上圖所示，輸入命令后，出現nodeJS版本號，則說明nodeJS已安裝成功
2）輸入npm -v 命令，可查看nodejs是否已安裝內置npm,
如上圖所示，如果有安裝，則顯示npm的版本號，一般情況下都自動安裝npm,
如果輸入npm -v 報錯，則表示沒有安裝內置的npm,則需要自己另外安裝npm,這種情況比較少.這里就不做演示了
3) 輸入命令：path , 查看是否有nodejs的環境變量
如上圖所示，如果有nondeJs的安裝路徑，則說明nodejs 已自動添加了path路徑，如果沒有，則需自己添加，添加方法：（以下是以win10為例）
右擊“此電腦”，“屬性” -> "高級屬性" -> “高級” 標簽頁 -> “環境變量” ：點擊"path" -> 編輯->彈出框中點擊空白行->瀏覽->選擇nodejs安裝的目錄->確定->確定->確定->關閉屬性窗口 ；
環境變量已添加完。
第三步：配置npm
1）在nodejs安裝目錄新建兩個文件夾 npm_gobal 和 npm_cache ：分別用於npm的全局路徑和緩存路徑。
npm默認全局路徑地址和緩存路徑是在C盤的appData目錄下，如果后期需要使用或者查看很不方便，而且還給C盤增加壓力，因此最好修改下，一般情況下建議放到nodejs的安裝目錄下。
2）設置npm全局路徑和緩存路徑的環境變量：
右擊“此電腦”，“屬性” -> "高級屬性" -> “高級” 標簽頁 -> “環境變量” ：點擊"path" -> 編輯->點擊彈出框中點擊空白行->瀏覽->選擇新建的npm_gobal文件夾->確定
->點擊彈出框中點擊空白行->瀏覽->選擇新建的npm_cache文件夾->確定->確定->關閉屬性窗口
3）“以管理員身份” 運行cmd, 用命令配置npm:
配置npm的全局路徑： npm config set prefix "D:\Program Files\nodejs\npm_global"
配置npm的緩存路徑：npm config set cache "D:\Program Files\nodejs\npm_cache"
更換鏡像站為國內的淘寶鏡像站：npm config set registry="http://registry.npm.taobao.org"
由此，npm已配置好，可通過命令： npm config ls 查看npm的所有配置
第四步： 命令安裝vue，在cmd窗口中輸入並執行命令： npm install -g vue-cli
注意以上命令是安裝全局的vue, 安裝后可執行命令： vue --version 查看是否安裝成功，如果安裝成功可看到vue的版本號
如果需要安裝局部vue,則在cmd窗口中輸入並執行命令：npm install vue-cli 安裝后可執行命令： npm vue --version 查看是否安裝成功，如果安裝成功可看到vue的版本號
注意：如果到第四步執行報rollbackFailedOptional verb npm-session 的錯誤，則需要設置npm的代理服務器，以下需要根據各自的網絡需求來定：
在cmd窗口執行下面兩個命令：
命令1：npm config proxy 代理服務地址和端口
命令2：npm config set https-proxy 代理服務器地址和端口
有些還需要設置git代理服務器，有些不需要，如果有需要則執行以下兩個命令：
命令1：git config --global http.proxy 代理服務地址和端口
命令2：git config --global http.proxy 代理服務地址和端口
如果所用網絡不需要代理，則要把npm代理和git代理去掉
刪除npm 代理：
命令1：npm config delete proxy
命令2：npm config delete https-proxy
刪除git代理：
命令1：git config --global --unset http.proxy
命令2：git config --global --unset https:proxy
設置完成后，重新操作上面第四步，就可以了。
如果遇上其他問題，送你個解決方案：
百度吧，兄弟