首先如果想要安裝vue-cli 寿羞，webpack這些的時候我們都會用到node里邊npm模塊，但是有的初學者在安裝時候總會出現(xiàn)一些問題赂蠢，導致npm不能運作绪穆，致使vue-cli，webpack等不能安裝虱岂。這時候幫助大家解決一下
npm :nodejs 中的包管理器
webpack:把所有的客戶端需要發(fā)布的靜態(tài)資源準備好玖院，進行資源的打包，合并等
vue-cli :用戶生成的Vue工程模板第岖。
vue-router：路由（這個不用解釋的）难菌。
一、下載node 蔑滓。 下載地址：http://nodejs.cn/download/
2345截圖20180418115918.jpg
1.jpg
2.jpg
3.jpg
二、找得到安裝nodejs那個文件夾
4.jpg
打開cmd键袱，檢查一下
5.jpg
都已經安裝好了燎窘。
但是本地倉庫都跑到C盤了，所以我們需要修改路徑
6.jpg
//現(xiàn)在nodejs文件夾下創(chuàng)建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
11.jpg
然后用npm install npm -g將npm更新到最新版本
![]()
12.png
12.png
我們再查看一下npm list -g 會發(fā)現(xiàn)全局目錄不是空目錄了
![]()
14.jpg
14.jpg
這時蹄咖，默認的模塊路徑G:\nodejs\node_modules變?yōu)镚:\nodejs\node_global\node_modules,這個時候運行npm install命令會報錯褐健，如運行npm install vue
![]()
15.jpg
15.jpg
這時候我們需要在環(huán)境變量的系統(tǒng)變量里添加NODE_PATH，內容是G:\nodejs\node_global\node_modules
17.jpg
這里運行還會發(fā)生錯誤項目無法安裝澜汤，那么這事后我們就要找到圖片9中.npmrc對應的文件夾蚜迅，
![]()
18.jpg
18.jpg
把.npmrc文件刪，之后就會下載對應文件
![]()
19.jpg
19.jpg
之后在把環(huán)境變量中的系統(tǒng)變量Path配置一下就好
![]()
20.jpg
20.jpg
21.jpg
然后就可以安裝 vue 俊抵，vue-cli 谁不，
22.jpg
注意：vue-cli工具是內置了模板，包括webpack 和 webpack-simple务蝠，并且他的配置并不是全放在了根目錄下的webpack拍谐。config.js中
重新開啟cmd
先初始化 vue init webpack-simple oneNight01,根據(jù)步驟生成成功界面
![]()
25.jpg
25.jpg
26.jpg
