3、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——直接右鍵項目單擊啟動


免責聲明!

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



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