工欲善其事,必先利其器
以下就是開發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——直接右鍵項目單擊啟動

————————————————
版權聲明:本文為CSDN博主「漸暖°」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/yujing1314/article/details/90340647
