vscode用的vue插件有哪些

這篇文章主要講解了“vscode用的vue插件有哪些”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“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用的vue插件有哪些”的內容了，經過本文的學習后，相信大家對vscode用的vue插件有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！