1、HTMLSnippets (提示初級的H5代碼片段);
2、HTML CSS Support (讓 html 標簽上寫class 智能提示當前項目所支持的樣式);
3、jQuery CodeSnippets (jq的必備品);
4、view in broswer
(a. ctrl + f1 在瀏覽器中運行當前的html; b. 鼠標選中xx.html文件,鼠標右鍵點擊view in broswer運行當前的文件);
5、code Runner (運行js代碼);
(a. alt+ctrl+N運行js 文件; b. 鼠標選中的內容,使用快捷鍵運行,或者右擊 Run Code 運行);
6、Path Intellisense (文件路徑自動補全);
7、Npm Intellisense (require 時的包提示);
8、Atuo RenameTag (修改 html 標簽,自動幫你完成尾部閉合標簽的同步修改)
8、Atuo close Tag (輸入標簽后自動閉合);
9、filesize (在底部狀態欄顯示當前文件大小,點擊查看創建、修改時間);
10、BracketPair Colorizer (對應的括號相似相同的顏色);
11、vetur (語法高亮、智能感知、Emmet等)
14、Quokka 調試工具插件,能夠根據你正在編寫的代碼提供實時反饋。它易于配置,并能夠預覽變量的函數和計算值結果。另外,在使用 JSX 或 TypeScript 項目中,它能夠開箱即用。
15、CSS Peek 追蹤至樣式表中 CSS 類和 ids 定義的地方。當你在 HTML 文件中右鍵單擊選擇器時,選擇“ Go to Definition 和 Peek definition ”選項,它便會給你發送樣式設置的 CSS 代碼。
16、HTML Boilerplate 在空文件中輸入 html,并按 Tab 鍵,即可生成干凈的文檔結構。
17、Color Info 提供 CSS 中使用顏色的相關信息,在顏色上懸停光標,就可以預覽色塊中色彩模型的(HEX、 RGB、HSL 和 CMYK)相關信息。
18、tortoiseSvn tortoiseSvn for vs code
19、 live server (本地服務器)
19、Vue 2 Snippets (vue 代碼提示)
19、weex (vue)
19、sass
19、Git History
19、GitLens
20、JavaScript (ES6) code snippets