vue開發外掛有：1、“Vetur”，用於語法高亮、智慧感知等；2、“EsLint”，用於語法糾正；3、“Path Intellisense”，用於自動路徑補全；4、「HTML CSS Support」；5、「Beautify」等。
本教學操作環境：windows7系統、vue2.9.6&&Visual Studio Code1.62.3版，DELL G3電腦。
VSCode常見的vue開發外掛
#一必備外掛：
（1） Vetur —— 語法高亮、智慧感知、Emmet等
（2）EsLint——語法糾正。快速鍵設定：檔案-> 首選項-> 鍵盤捷徑-> 搜尋"fix" -> 修改"ESLint: Fix all auto-fixable Problems" 捷徑為「ctrl alt l」（IDEA 格式化程式碼快速鍵）
（3）Auto Close Tag —— 自動關閉HTML/XML標籤
（4）Auto Rename Tag —— 自動完成另一側標籤的同步修改）
（5）JavaScript(ES6) code snippets —— ES6語法智能提示以及快速輸入，除js外還支援.ts，.jsx，.tsx，.html，.vue，省去了配置其支援各種包含js程式碼檔案的時間
（6）jQuery Code Snippets－jQuery程式碼智慧提示
（7）Path Intellisense－ 自動路徑補全
（8） HTML CSS Support－讓html 標籤上寫class 智慧型提示目前專案所支援的樣式
（9）open in browser—右鍵專案點選啟動
二可選外掛：
（1）Markdown Preview Enhanced——即時預覽markdown，markdown使用者必備
（2）markdownlint——markdown語法糾錯
# （3）Beautify——格式
（4）GitLens——方便查看git日誌，git使用者必備
（5）Angular 5 Snippets——Angular智慧語法提示
（6）Live Server－安裝之後可以開啟一個簡單的伺服器。而且還會自動更新。開啟專案資料夾，再在檔案上點選右鍵就會出現一個Open with Live Server的選項，自動開啟瀏覽器，預設連接埠號碼是5500
（7）Prettier－格式
#更多關於VSCode的相關知識，請造訪：vscode教學！ ！
以上是vscode用哪些vue插件的詳細內容。更多資訊請關注PHP中文網其他相關文章！
