通用插件
HTML Snippets
超級實用且初級的 H5代碼片段以及提示
HTML CSS Support
讓 html 標籤上寫class 智能提示當前項目所支持的樣式
新版已經支持scss文件檢索
Debugger for Chrome
讓 vscode 映射 chrome 的 debug功能,靜態頁面都可以用 vscode 來打斷點調試,真666~
配置稍微複雜一些,哪天心情好我再另寫教程吧~
jQuery Code Snippets
jquery 重度患者必須品,廢話不多說,上圖
vscode-icon
讓 vscode 資源樹目錄加上圖標,必備良品!
Path Intellisense
自動路勁補全,默認不帶這個功能的,趕緊裝
Npm Intellisense
require 時的包提示(最新版的vscode已經集成此功能)
Document this
js 的註釋模板 (注意:新版的vscode已經原生支持,在function上輸入/** tab)
ESlint
ESlint 接管原生 js 提示,可以自定製提示規則。這個比較高玩,不會的就算了,
詳情配置請看我的另一篇文章 https://segmentfault.com/a/11...
HTMLHint
html代碼檢測
Project Manager
在多個項目之前快速切換的工具
beautify
格式化代碼的工具
Bootstrap 3 Sinnpet
常用 bootstrap 的可以下
Atuo Rename Tag
修改 html 標籤,自動幫你完成尾部閉合標籤的同步修改,不過有些bug。
GitLens
豐富的git日誌插件
fileheader
頂部註釋模板,可定義作者、時間等信息,並會自動更新最後修改時間
filesize
在底部狀態欄顯示當前文件大小,點擊後還可以看到詳細創建、修改時間
Bracket Pair Colorizer
讓括號擁有獨立的顏色,易於區分。可以配合任意主題使用。
主題
Material
冷門、好看、實用。此主題已停更許久
Dracula
目前我覺得是vscode上最漂亮的主題,vscode 1.11+允許自定義statusBar等全局ui後,該主題也跟進改了很多小細節,良心!~
One Dark Pro
源於Atom,老版本的Atom One Dark主題可以扔了.