首先如果想要安裝vue-cli ，webpack這些的時候我們都會用到node里邊npm模塊，但是有的初學者在安裝時候總會出現一些問題，導致npm不能運作，致使vue-cli，webpack等不能安裝。這時候幫助大家解決一下
npm :nodejs 中的包管理器
webpack:把所有的客戶端需要發布的靜態資源准備好，進行資源的打包，合並等
vue-cli :用戶生成的Vue工程模板。
vue-router：路由（這個不用解釋的）。
一、下載node 。 下載地址：http://nodejs.cn/download/
我的是windows系統，這是現在對應的最新安裝包
2345截圖20180418115918.jpg
1.jpg
2.jpg
3.jpg
二、找得到安裝nodejs那個文件夾
4.jpg
打開cmd，檢查一下
5.jpg
都已經安裝好了。
但是本地倉庫都跑到C盤了，所以我們需要修改路徑
6.jpg
//現在nodejs文件夾下創建node_global,node_cache這倆個文件
7.jpg
然后在cmd中運行
1.npm config set prefix ''G:\nodejs\node_globle"
2.npm config set cache ''G:\nodejs\node_cache"
8.jpg
輸入npm config list查看所有的配置信息
9.jpg
檢查鏡像命令是否正常 npm config get registry
10.jpg
用npm info vue看看是不是能獲取vue的信息
11.jpg
然后用npm install npm -g將npm更新到最新版本
12.png
我們再查看一下npm list -g 會發現全局目錄不是空目錄了
14.jpg
這時，默認的模塊路徑G:\nodejs\node_modules變為G:\nodejs\node_global\node_modules,這個時候運行npm install命令會報錯，如運行npm install vue
15.jpg
這時候我們需要在環境變量的系統變量里添加NODE_PATH，內容是G:\nodejs\node_global\node_modules
17.jpg
這里運行還會發生錯誤項目無法安裝，那么這事后我們就要找到圖片9中.npmrc對應的文件夾，
18.jpg
把.npmrc文件刪，之后就會下載對應文件
19.jpg
之后在把環境變量中的系統變量Path配置一下就好
20.jpg
21.jpg
然后就可以安裝 vue ，vue-cli ，
22.jpg
注意：vue-cli工具是內置了模板，包括webpack 和 webpack-simple，並且他的配置並不是全放在了根目錄下的webpack。config.js中
重新開啟cmd
先初始化 vue init webpack-simple oneNight01,根據步驟生成成功界面
25.jpg
作者：舟漁行舟
鏈接：https://www.jianshu.com/p/9f11b367b900
來源：簡書
著作權歸作者所有。