1. Better CommentsBetter Comments
幫助您在代碼中創建更人性化的注釋
2. A-super-comprehensive
代碼補全合集(vue-webpack-bootstrap-node-mui-html-js-jquery-php-css-react-native)
3. Veturvue
語法高亮
4. ESLint
不必多說
5. Material Icon Themevscode
圖標主題,支持更換不同色系的圖標,值得點出的是,該插件更新極其頻繁,基本和vscode更新頻率保持一致
6. Vue VSCode Snippetsvue
代碼提示
7. Auto Close Tag
自動閉合HTML/XML標簽
8. Auto Rename Tag
自動完成另一側標簽的同步修改
9. Beautify/ Prettier - Code formatter
格式化代碼
10. Bracket Pair Colorizer
給括號加上不同的顏色,便於區分不同的區塊,使用者可以定義不同括號類型和不同顏色
11. Debugger for Chrome
映射vscode上的斷點到chrome上,方便調試
12. HTML CSS Support
智能提示CSS類名以及id
13. HTML Snippets
智能提示HTML標簽,以及標簽含義
14. JavaScript(ES6) code snippets
ES6語法智能提示,以及快速輸入,不僅僅支持.js,還支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各種包含js代碼文件的時間
15. Markdown Preview Enhanced
實時預覽markdown,markdown使用者必備
16. mackdownlint
markdown語法糾錯
17. open-in-browser
vscode不像IDE一樣能夠直接在瀏覽器中打開html,而該插件支持快捷鍵與鼠標右鍵快速在瀏覽器中打開html文件,支持自定義打開指定的瀏覽器,包括:Firefox,Chrome,Opera,IE以及Safari
18. Path Intellisense
自動提示文件路徑,支持各種快速引入文件
19. Auto Import
自動導入包
20. Chinese Language Pack
簡體中文
21. Code Spell Checker
代碼拼寫檢查
22. Color Info
這個便捷的插件,將為你提供你在 CSS 中使用顏色的相關信息。你只需在顏色上懸停光標,就可以預覽色塊中色彩模型的(HEX、 RGB、HSL 和 CMYK)相關信息了。
23. CSS Peek
追蹤至樣式表中 CSS 類和 ids 定義的地方。當你在 HTML 文件中右鍵單擊選擇器時,選擇“ Go to Definition 和 Peek definition ”選項,它便會給你發送樣式設置的 CSS 代碼。
24. Document This
js 的注釋模板 (注意:最新版的vscode已經原生支持)
25. EditorConfig for VS Code
editorConfig配置編輯器默認的代碼格式化規則
26. filesize
在底部狀態欄顯示當前文件大小,點擊后還可以看到詳細創建、修改時間
27. JavaScript Snippet Pack
js代碼片段
28. LeetCode
算法練習
29. TSLint
不必多說