先ctrl+shift+p,彈出命令面板-選中Extensions:Install Extensions
1.HTML Snippets: 超級實用且初級的 H5代碼片段以及提示
2.HTMLHint: html代碼檢測
3.HTML CSS Support : 讓 html 標簽上寫class 智能提示當前項目所支持的樣式缠局。新版已經(jīng)支持scss文件檢索,這個也是必備插件之一
4.Auto Close Tag : 匹配標簽,關閉對應的標簽缀蹄。很實用【HTML/XML】
5.Auto Rename Tag : 修改 html 標簽,自動幫你完成尾部閉合標簽的同步修改
6.Path Autocomplete : 路徑智能補全
7.Path Intellisense : 路徑智能提示
8.JavaScript Snippet Pack: 針對js的插件蛀醉,包含了js的常用語法關鍵字,很實用衅码;
9.View InBrowser: 從瀏覽器中查看html文件,使用系統(tǒng)的當前默認瀏覽器
10.Class autocomplete for HTML: 編寫html代碼的朋友們對html代碼的一大體現(xiàn)就是重復垛玻,如果純用手敲不僅累還會影響項目進度,這款自動補全插件真的很棒奶躯;
11.beautify : 格式化代碼的工具帚桩,可以格式化JSON|JS|HTML|CSS|SCSS,比內(nèi)置格式化好用
12.Debugger for Chrome: 讓 vscode 映射 chrome 的 debug功能账嚎,靜態(tài)頁面都可以用 vscode 來打斷點調(diào)試,真666~
13.jQuery Code Snippets: jquery 重度患者必須品
14.vscode-icon: 讓 vscode 資源樹目錄加上圖標乏悄,必備良品恳不!
15.VSCode Great Icons: 另一款資源樹目錄圖標
16.colorize : 會給顏色代碼增加一個當前匹配代碼顏色的背景烟勋,非常好
17.Color Info: 提供你在 CSS 中使用顏色的相關信息卵惦。你只需在顏色上懸停光標瓦戚,就可以預覽色塊中色彩模型的(HEX较解、 RGB、HSL 和 CMYK)相關信息了啡捶。
18.Bracket Pair Colorizer: 讓括號擁有獨立的顏色奸焙,易于區(qū)分与帆。可以配合任意主題使用勿她。
19.vscode-fileheader: 頂部注釋模板嫂拴,可定義作者贮喧、時間等信息箱沦,并會自動更新最后修改時間
20.Document This : js 的注釋模板 (注意:新版的vscode已經(jīng)原生支持,在function上輸入/** tab)
21.filesize: 在底部狀態(tài)欄顯示當前文件大小灶伊,點擊后還可以看到詳細創(chuàng)建聘萨、修改時間
22.Code Runner : 代碼編譯運行看結(jié)果胸完,支持眾多語言
23.Bootstrap 3 Sinnpet: 常用 bootstrap 的可以下
24.GitLens: 豐富的git日志插件