使用前我們先了解下3.0較2.0有哪些區別
一、3.0 新加入了 TypeScript 以及 PWA 的支持
二、部分命令發生了變化：
1、下載安裝 npm install -g vue@cli
2、刪除了vue list
3、創建項目 vue create
4、啟動項目 npm run serve
三、默認項目目錄結構也發生了變化：
1、移除了配置文件目錄，config 和 build 文件夾
2、移除了 static 文件夾，新增 public 文件夾，並且 index.html 移動到 public 中
3、在 src 文件夾中新增了 views 文件夾，用於分類 視圖組件 和 公共組件
注意：Vue CLI >= 3 和舊版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆蓋了。如果你仍然需要使用舊版本的 vue init 功能，你可以全局安裝一個橋接工具：
npm install -g @vue/cli-init // `vue init` 的運行效果將會跟 `vue-cli@2.x` 相同 vue init webpack my-project
下面進入正題，進行安裝和創建項目
首先 安裝npm3.0，在安裝之前如果曾經安裝過vue-cli2的，由於vue cli 升級到3后，package的名字從 vue-cli 改為了 @vue/cli，裝了舊版本的，建議把舊版本的卸載了，再安裝新版本。
// 卸載指令如下： npm uninstall vue-cli -g or yarn global remove vue-cli
npm install -g @vue/cli下一步 創建項目文件
vue create projectname //項目名
下一步 選擇快捷式安裝配置
前面的是你之前安裝的項目配置，第二個是默認配置，最后一個是自行配置，建議選最后一個
下一步 自行選擇安裝配置
這個自行選擇配置，按上下鍵切換目標選項，按空格鍵勾選和取消，按a全選，按i反選，選好后回車確定 1、Babel，轉譯成瀏覽器可識別的語言，可以讓你的項目支持更新的語法，如es6\es7等 2、TypeScript，新增的選項卡 3、PWA，模擬原生app，漸進式網絡應用程序 4、路由 5、vuex管理模式 6、css預處理語言 7、代碼規范 8、組件單元測試 9、端對端測試，模擬用戶真實場景
下一步 選擇css預處理語言
下一步 選擇代碼規范配置
1、只進行報錯提醒； 2、不嚴謹模式； 3、正常模式； 4、嚴格模式；
下一步 是否保存當前配置信息
選擇第一個，下次創建項目就會有本次的配置出現供你選擇
下一步 選擇babel,postcss,eslint配置文件存放位置
第一個方獨立文件夾里，第二個放package.json里，建議選第一個
下一步 填寫項目描述
然后就開始創建項目，下載依賴
等進度條完成，項目就創建好了
最后我們開始進入項目根目錄，運行項目試試
cd D:\test\test //進入你的項目根目錄，或在你項目根目錄shift+右鍵，點擊在此處打開命令窗口 npm run serve //運行項目
參考文檔：https://cli.vuejs.org/ Vue CLI 3 的官方說明
本人在創建cli3項目之后，選擇的是正常的語法檢測，但是老是報語法錯誤，便關掉了語法檢測，方法為：刪除下圖注釋的那行代碼
