1、Chinese Language 簡體中文漢化插件,和我一樣英文不好的童鞋可以安裝這個插件進行漢化。這個插件重載之後還沒有漢化成功的話,把編輯器關閉重新打開就行了。 2、vscode icons 讓 vscode 資源樹目錄加上圖標,有利於我們進行文件格式的判斷。 3、HTML Snippets ...
1、Chinese Language
簡體中文漢化插件,和我一樣英文不好的童鞋可以安裝這個插件進行漢化。這個插件重載之後還沒有漢化成功的話,把編輯器關閉重新打開就行了。
2、vscode-icons
讓 vscode 資源樹目錄加上圖標,有利於我們進行文件格式的判斷。
3、HTML Snippets
很實用的 HTML 代碼提示插件。
4、HTML CSS Support
HTML 標簽上寫class 智能提示當前項目所支持的樣式。
5、jQuery Code Snippets
jQuery 代碼提示,用 jQuery 框架的必須裝。
6、Path Intellisense
自動路徑補全,方便我們進行圖片、CSS、JavaScript等文件的路徑編寫。
7、Bootstrap 3 Sinnpet
Bootstrap 3 代碼提示插件,常用的話需要下載一個。
8、Atuo Rename Tag
修改 html 標簽,自動幫你完成尾部閉合標簽的同步修改。
9、Bracket Pair Colorizer
給括弧設置不同的顏色,有利於括弧多的時候進行區分。
10、小程式助手
11、minapp
12、wechat-snippet
這三個都是微信小程式的代碼提示及自動補全插件,現在微信小程式這麼火怎麼可以不下載。
以上這些是個人常用並且感覺非常好用的,還有一些其他的插件,比如
13、HTMLHint
HTML代碼檢測
14、beautify
格式化代碼插件,感覺編輯器自帶的就夠用了。
15、Document this
js 的註釋模板 (註意:新版的vscode已經原生支持,在function上輸入/** tab)
16、vscode-fileheader
頂部註釋模板,可定義作者、時間等信息,並會自動更新最後修改時間
17、Indent-Rainbow
使得對齊更加具有可讀性
18、IntelliSense for CSS class names in HTML
基於你的項目以及通過link標簽引用的外部文件,該智能插件提供 HTML 中 CSS class 名字的補全。
19、Trailing Spaces
高亮那些冗餘的空格,可以快速刪掉
20、lit-html
在 JavaScript/TypeScript 的文件中,如果有使用到 HTML 標記,lit-html 提供語法高亮和相應的補全支持。
21、CSS Peek
可以在 HTML 中通過 CSS id 或則 class 來定位到其定義
原鏈接:https://blog.csdn.net/zx562602419/article/details/83550283