開發vue專案的時候一般是通過vue-cli腳手架進行開發。之所以成為腳手架就是因為他通過webpack搭建的開發環境直接生成開發所需要的基本模板，我們只需要在模板中進行開發即可。接下啦詳細記錄下在自己的電腦上安裝vue-cli腳手架的步驟以及問題。
一.前提
然後通過npm -v命令檢視自己npm的版本資訊，
注：vue-cli的安裝，需要node.js的版本在6.9以上，npm的版本在 3.10以上。
二.vue-cli的安裝
進行命令列工具，輸入npm install --global vue-cli命令全域性(--g或者--global表示的是全域性)安裝vue-cli。
注：出現vue-cli · failed to download repo vuejs-templates/webpack: connect etimedout 13.250.177.223:443，則是因為github的問題，
解決辦法：
1.開啟終端（cmd），輸入命令：ping 192.30.253.112 發現連線超時；輸入命令：ping github.com 顯示超時。
4. 然後在hosts檔案中新增：
192.30.253.112 github.com
151.101.88.249 github.global.ssl.fastly.net
這裡的安裝需要花費一點時間，在桌面或者任意位置新建乙個資料夾用於後面生成專案檔案
等待vue-cli安裝成功之後，可以通過vue --version檢視vue-cli有沒有安裝成功，如果安裝成功了，cd+vuedemo的路徑進入vuedemo資料夾內，輸入命令vue init webpack my-vueproject，格式為vue init webpack +自定義的專案名稱。
用sublime或者vscode開啟該專案，則專案的模板已經生成了。
根據命令列介面提示的兩個命令啟動專案首先cd my-vueproject進行專案的資料夾下，然後npm run dev啟動專案
然後專案會自動開啟乙個8080的埠，並且出現如下介面則專案腳手架完成。
注意：如果出現8080埠被占用的情況，可以在config資料夾下的index檔案內修改port埠號，
vue cli腳手架安裝
映象使用方法 三種辦法任意一種都能解決問題，建議使用第三種，將配置寫死，下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm registry ...
vue cli腳手架安裝
2.執行cmd，檢視版本號 出現版本號說明安裝成功 輸入 node v 檢視node版本號 需要在6.9以上 輸入 npm v 檢視npm版本號 需要在3.10以上 3.命令列工具 在cmd裡安裝 全域性安裝 vue cli npm install global vue cli mac機全域性安裝需...
安裝腳手架vue cli
cnpm install global vue cli要建立專案，首先我們要選定目錄，然後再命令列中把目錄轉到選定的目錄。可以使用 vue init webpack my project初始化乙個專案，或使用 vue init webpack my project執行初始化命令的時候回讓使用者輸入幾...