準備工作
在開始搭建腳手架之前，我們需要檢查電腦環境，node的版本不能過低，版本過低可能會出現報錯，如果你的node版本在8.9以下，建議你卸載安裝8.9以上的版本。
安裝腳手架
打開命令窗口，全局安裝腳手架，用於生成項目。
npm install -g @vue/cli
快速原型的開發
可以直接去運行一個獨立的vue文件。
install -g @vue/cli-service-global
卸載腳手架
npm unistall vue-cli -g
轉義工具
可以2.x的版本去寫3.x的語法。
npm install -g @vue/cli-init
運行vue文件
文件名爲App.vue的時候可以省略文件名。
vue serve App.vue
創建項目
創建項目有兩種方法，第一種是通過命令行工具，第二種是通過UI界面操作，當然身爲程序員，使用命令行工具更加有逼格。
UI界面操作
在命令行中輸入 vue ui 後瀏覽器自動打開UI界面操作。
命令行工具
創建項目
輸入以下命令創建一個項目名爲 vue-app 的項目
vue create vue-app
是否使用淘寶鏡像
在第一次創建的時候，會提醒我們是否使用淘寶鏡像，一次性選擇，下次創建時不會出現此項。由於之前設置過了，這裏沒有出現此項，所以沒有截圖。
選擇創建方式
default 默認選擇，我們通常一般選擇 Manually 自定義配置 ，按需求添加依賴項。
選擇依賴項
選擇Manually後進入選擇依賴項的界面，鍵盤上下移動發，空格鍵選中，系統默認是使用 Babel 和 Linter，我們前期只選擇 Babel 即可。
選擇配置文件類型
選擇我們熟悉的json文件作爲配置項。
是否存儲爲預設
輸入y後設置預設名稱，等待命令運行完成，腳手架的搭建完成了。
運行項目
在項目目錄的根目錄裏運行項目
npm run serve
瀏覽器輸入 locahost:8080 打開項目即可運行。
總結
總的來說腳手架的搭建還是非常簡單的，腳手架搭建完成後我們就可以打開項目裏去編輯項目了，下篇博客將記錄一些vue項目的使用，盡情關注哦~