vue-cli腳手架搭建vue3.0+typescripe項目

　　新開個項目，小項目，小。順手就用vue吧，vue3出來也幾個月了，直接上了吧。一年多沒用vue了，用的時候也得再熟悉，不如直接幹3了！

　　vue官方推薦使用的腳手架是 Vite 和 vue-cli ，延續vue2時使用的vue-cli進行搭建，順手順眼。集成webpack，熱更新，不用操心其餘配置操做，專心項目開發。

　　安裝vue-cli就不說了。

 

　　　

 

 

　　描述了vue的不少功能，好比 ......

 

　　建立項目，可使用 vue create app 或者 vue ui 來啓動GUI頁面。 都行..都行...

 

　　哦，仍是說一下，卸載以前老版本的vue-cli有時候卸載不乾淨，從新安裝也用的以前的版本號，個人操做是，手動刪

　　npm -g 目錄在 C:\Users\rionz\.nodejs\node_global  全部出現vue的全給刪了

　　yarn global 目錄在 C:\Users\rionz\AppData\Local\Yarn\Data\global

　　若是在使用vue命令的時候 出現 not found，那麼在環境變量裏面添加上bin目錄就好了

　　

 

• 　　vue create

 

　　這裏 方向鍵 選擇 "手動配置" 回車，注意一下，若是使用 git 的命令行方向鍵會有些問題，要配置一下命令行的設置，自行百度

 

　　

 

　　我這邊須要用到這些東西，看大家本身項目需求了。 空格鍵選中

 

　　

 

 　　呃...

 

　　

 

　　這裏注意一下，部分開發者可能會喜歡用 Vue Class Component  用Class的方式編寫Component

 

　　

 

　　看着本身的配就好了，有前端基礎的這幾個字都能懂

　　Lint的時候不要選擇lint on commit，聽說有坑

　　最後一項，說的是是否保存配置（下次直接建立的意思）

 

　　

 

 　　至此，項目搭建完成，vue-cli會本身跑着安裝依賴，建立文件等

 

• 　　vue ui

　　會在瀏覽器上面起一個GUI頁面，本身看

　　

　　仍是挺好看的，有顏色

 

•  　　幾個問題，說一下

 

　　項目起來前，可能會有個報錯

　　

　　大丈夫！ 沒有 X 就裝 X 啊

　　進入項目文件夾，yarn add vue-template-compiler  就好了 再 yarn serve 就起來了~~

 

　　使用tslint，結尾沒有分號，對象最後沒有逗號，單雙引號的問題，都有會warning，看的不舒服想消除的話...

 　　

 

　　查閱後不少人給出這樣的解決辦法，可是並無什麼用，我使用的format方式是 vscode-typescript 可是各類方法也不行，不知道你們有沒有解決方法。

　　而後，我喜歡format以後自動加上逗號和分號，嘗試了不少方式不知道在哪整，教教我... 喜歡超級乾淨整潔的代碼