VSCode 開發Vue常用插件


工欲善其事,必先利其器

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

 

 

————————————————
版權聲明:本文為CSDN博主「漸暖°」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/yujing1314/article/details/90340647


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM