工欲善其事，必先利其器

以下就是開發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——直接右鍵項目單擊啟動

原文鏈接：https://blog.csdn.net/yujing1314/article/details/90340647

總結

以上是生活随笔為你收集整理的VSCode 开发Vue必备插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。