1、Vetur
作用:VUE語法高亮、智能感知、Emmet等,包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化選中代碼,兩個Ctrl需要同時按着)。
2、EsLint
作用:語法糾錯。
3、Debugger for Chrome
作用:映射vscode上的斷點到chrome上,方便調試。
4、Auto Close Tag
作用:自動閉合HTML/XML標簽。
5、Auto Rename Tag
作用:自動完成另一側標簽的同步修改。
6、JavaScript(ES6) code snippets
作用:— ES6語法智能提示以及快速輸入,除js外還支持.ts,.jsx,.tsx,.html,.vue,省去了配置支持各種包含js代碼文件的時間。
7、Path Intellisense
作用:自動路徑補全。
8、HTML CSS Support
作用:讓 html 標簽上寫class 智能提示當前項目所支持的樣式。
9、Beautify
作用:格式化代碼,值得注意的是,beautify插件支持自定義格式化代碼規則。
10、Bracket Pair Colorizer
作用:給括號加上不同的顏色,便於區分不同的區塊,使用者可以定義不同括號類型和不同顏色。
11、open in browser
作用:直接右鍵項目單擊啟動。
12、chinese
作用:中文漢化。
13、Live Server
作用:啟動一個開發本地服務器,為靜態和動態頁面提供實時重載功能。
14、Vue 3 Snippets
作用:提供對VUE的代碼進行自動補全功能。