工欲善其事,必先利其器
以下就是開發Vue必備插件:
Vetur —— 語法高亮、智能感知、Emmet等
包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化選中代碼,兩個Ctrl需要同時按着)
EsLint —— 語法糾錯
Debugger for Chrome —— 映射vscode上的斷點到chrome上,方便調試(配置有點麻煩,其實我沒用這個)
Auto Close Tag —— 自動閉合HTML/XML標簽
Auto Rename Tag —— 自動完成另一側標簽的同步修改
JavaScript(ES6) code snippets —— ES6語法智能提示以及快速輸入,除js外還支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各種包含js代碼文件的時間
Path Intellisense —— 自動路徑補全
HTML CSS Support —— 讓 html 標簽上寫class 智能提示當前項目所支持的樣式
Beautify——格式化代碼,值得注意的是,beautify插件支持自定義格式化代碼規則
Bracket Pair Colorizer——給括號加上不同的顏色,便於區分不同的區塊,使用者可以定義不同括號類型和不同顏色
open in browser——直接右鍵項目單擊啟動