一糟描、環(huán)境的搭建：
-
安裝node.js怀喉，安裝完成后，打開命令行工具(win+r船响，然后輸入cmd)躬拢，輸入 node -v，如下圖见间，如果出現(xiàn)相應的版本號聊闯，則說明安裝成功。
- 安裝淘寶鏡像米诉，打開命令行工具馅袁，把這個（npm install -g cnpm --registry= https://registry.npm.taobao.org）復制（這里要手動復制就是用鼠標右鍵那個，具體為啥不多解釋）荒辕，安裝這里是因為我們用的npm的服務(wù)器是外國，有的時候我們安裝“依賴”的時候很很慢很慢超級慢犹褒，所以就用這個cnpm來安裝我們說需要的“依賴”抵窒。安裝完成之后輸入 cnpm -v，如下圖叠骑，如果出現(xiàn)相應的版本號李皇，則說明安裝成功。
補充：以上是我最開始接觸vue的時候用的安裝cnpm的方法宙枷，但后來不知道什么原因就失敗了掉房，后來的解決方案如下：
npm i -g cnpm
-
安裝webpack，打開命令行工具輸入：npm install webpack -g慰丛，安裝完成之后輸入 webpack -v卓囚，如下圖，如果出現(xiàn)相應的版本號诅病，則說明安裝成功哪亿。
二、我們需要準備的環(huán)境和工具都準備好了贤笆，接下來就開始使用vue-cli來構(gòu)建項目：
1.先全局安裝vue-cli
npm install -g vue-cli
安裝完成之后輸入 vue -V（注意這里是大寫的“V”）蝇棉，如下圖，如果出現(xiàn)相應的版本號芥永，則說明安裝成功篡殷。
- 初始化項目
vue init webpack vue-demo
然后一路回車。
- 運行vue環(huán)境
npm run dev
-
vue 腳手架有時會出問題埋涧，報錯 Error: No parser and no file path given
原因：下載依賴包有bug
解決方法：刪除node_modules下的_prettier@1.13.0板辽，執(zhí)行cnpm install --save-dev prettier@1.12.0
使用vue-cli初始化項目時運行‘npm run dev’報錯
試一下 卸載npm uninstall webpack-dev-server奇瘦，在安裝這個npm i webpack-dev-server@2.9.7，我的可以正常啟動了戳气。這個電腦上已經(jīng)安裝過vue環(huán)境后链患，下次再做新的vue項目，直接從“初始化項目”這步開始就行了~
