vscode用哪些vue插件

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中文網其他相關文章！