vue-cli 3.0 安裝

1、安裝vue-cli 腳手架命令

npm install -g vue-cli   適用於vue-cli 2.0

npm install -g @vue/cli 適用於vue-cli 3.0

卸載命令：npm uninstall -g @vue/cli

2、初次安裝 vue-cli 3.0 步驟：

一、全局安裝vue-cli 3.0 腳手架

npm install -g @vue/cli

二、建立項目文件夾（文件夾名必須寫）

vue create demo1

三、

 按鍵盤方向鍵 向下鍵 選擇： 自定義配置，回車

四、

選擇用哪些配置，按上下鍵 選擇哪個，按空格鍵肯定，全部的都選擇好後，按enter鍵進行下一步，這裏我選擇的：Babel、TypeScript、Router、Vuex、CSS Pre-processors

*這裏稍微說一下 Progressive Web App (PWA) Support，據瞭解，這是一種新型的前端技術，目前在印度最流行，具體能夠看一下這篇文章：https://blog.csdn.net/qq_19238139/article/details/77531191

五、

都按 y 吧

六、

選擇一種css預處理語言

七、

上面這個是問你選擇哪一個自動化代碼格式化檢測，配合vscode編輯器的 Prettier - Code formatter插件，我選最後一個

八、

是否保存配置，我選擇保存

九、

上邊這倆意思問你像，babel,postcss,eslint這些配置文件放哪？

第一個是：放獨立文件放置

第二個是：放package.json裏 這裏推薦放單獨配置文件，

選第一個

十、

上邊倒數第二行問你是否將以上這些將此保存爲將來項目的預配置嗎？

最後一個是項目描述，你隨意寫，回車肯定就開始下載模板了 

十一、下載完成後，目錄結構以下：

相比2.0 精簡了不少，啓動服務： npm run serve