一、首先是node環(huán)境搭建：
1、去node的官網(wǎng)下載版本，個人不建議下載最新的版本，我就是下載了最新的版本，搭建腳手架的時候，一步一個坑;這個安裝的話；安裝好后：
? ? ? ? ? ? ? ? ? ? ????在cmd命令行，可以用 ：node -v查看安裝的情況及版本以及npm -v查看npm的版本
2、環(huán)境配置：在命令行輸入一下2行命令：主要配置的是npm安裝的全局模塊所在的路徑，以及緩存cache的路徑，之所以要配置，
????????????????????????npm config set prefix "D:\Develop\nodejs\node_global"
????????????????????????npm config set cache"D:\Develop\nodejs\node_cache"
? ? ? ? ? ? ? ? ? ? ? ? a、下來設(shè)置環(huán)境變量，關(guān)閉cmd窗口，“我的電腦”-右鍵-“屬性”-“高級系統(tǒng)設(shè)置”-“高級”-“環(huán)境變量”
? ? ? ? ? ? ? ? ? ? ? ? b、進入環(huán)境變量對話框，在【系統(tǒng)變量】下新建【NODE_PATH】，輸入【D:\Develop\nodejs\node_global\node_modules】，
? ? ? ? ? ? ? ? ? ? ? ?c、 將【用 戶變量】下的【Path】修改為【D:\Develop\nodejs\node_global】
3、cnpm的安裝：（淘寶的鏡像，npm的服務(wù)器是國外的，下載很慢）
????????????????????????npm install -g cnpm --registry=https://registry.npm.taobao.org?===cnpm安裝
????????????????????????cnpm -v ====如果安裝成功會顯示版本號：
不成功的話可以試試：（我也是找了很多帖子看到的，反正我遇到的這個問題是成功解決了的---cmd）
? ? ? ? ? ? ? ? ? ? ? ?npm set registry https://registry.npm.taobao.org # 注冊模塊鏡像
? ? ? ? ? ? ? ? ? ? ? ?npm set disturl https://npm.taobao.org/dist # node-gyp 編譯依賴的 node 源碼鏡像
? ? ? ? ? ? ? ? ? ? ? ?npm cache clean --force # 清空緩存
? ? ? ? ? ? ? ? ? ? ? ? 最后再試試??npm install -g cnpm --registry=https://registry.npm.taobao.org
????????????????????????安裝成功的話cnpm -v是可以看到版本號的
二、安裝webpack：下面兩行都是可以的
? ??????????npm install webpack -g? 或者? ?cnpm install webpack -g
? ??????????安裝的話可能會遇到下面的問題——解決方法如下：
????????????????????在網(wǎng)上搜索答案中發(fā)現(xiàn)在webpack 3中，webpack本身和它的CLI以前都是在同一個包中，但在第4版中，他們已經(jīng)將兩者分開來更好地管理它們。
????????????????嘗試全局安裝npm install -g webpack-cli
? ? ? ? ? ? ? ? 執(zhí)行webpack -v成功執(zhí)行 不再提示安裝webpack-cli
三、安裝vue-cli腳手架構(gòu)建工具，
a、打開命令行工具輸入：npm install vue-cli -g，安裝完成之后輸入? vue -V（注意這里是大寫的“V”），
b、通過以上三步，我們需要準備的環(huán)境和工具都準備好了，接下來就開始使用vue-cli來構(gòu)建項目
? ? ? 安裝vue腳手架輸入：vue init webpack exprice ，注意這里的“exprice” 是項目的名稱可以說是隨便的起名，但是需要主要的是“不能用中文”。
如上圖：一步一步來，就是敲回車，和yes和no，根據(jù)提示就是了：?Use ESLint to lint your code? (Y/n) n ---------是否啟用eslint檢測規(guī)則，這里強烈建議選no
????????????這里說明如何啟動這個服務(wù)；如下：
????????????????cd exprice
????????????????npm install
????????????????npm run dev
之后就會顯示如下：表示腳手架已經(jīng)搭建好了，而且已經(jīng)啟動了這個服務(wù)器：
點開就是你搭建的vue項目最原始的樣子了，如下圖。
