VScode如今已經愈來愈完善。性能遠超Atom和webstorm。css
HTML Snippetshtml
超級實用且初級的 H5代碼片斷以及提示jquery
HTML CSS Supportgit
讓 html 標籤上寫class 智能提示當前項目所支持的樣式
新版已經支持scss文件檢索web
Debugger for Chromechrome
讓 vscode 映射 chrome 的 debug功能,靜態頁面均可以用 vscode 來打斷點調試。 bootstrap
jQuery Code Snippets微信
jquery 重度患者必須品app
vscode-icon
讓 vscode 資源樹目錄加上圖標,必備良品!webstorm
Path Intellisense
自動路勁補全,默認不帶這個功能的,趕忙裝
Npm Intellisense
require 時的包提示(最新版的vscode已經集成此功能)
Document this
js 的註釋模板 (注意:新版的vscode已經原生支持,在function上輸入/** tab)
ESlint
ESlint 接管原生 js 提示,能夠自定製提示規則。這個比較高級,不會的就算了。
HTMLHint
html代碼檢測
Project Manager
在多個項目以前快速切換的工具
beautify
格式化代碼的工具
Bootstrap 3 Sinnpet
經常使用 bootstrap 的能夠下
Atuo Rename Tag
修改 html 標籤,自動幫你完成尾部閉合標籤的同步修改。
GitLens
豐富的git日誌插件
fileheader
頂部註釋模板,可定義做者、時間等信息,並會自動更新最後修改時間
filesize
在底部狀態欄顯示當前文件大小,點擊後還能夠看到詳細建立、修改時間
Bracket Pair Colorizer
讓括號擁有獨立的顏色,易於區分。能夠配合任意主題使用。
Vue插件
vetur
語法高亮、智能感知、Emmet等
VueHelper
snippet代碼片斷
Dracula
目前我以爲是vscode上最漂亮的主題,vscode 1.11+容許自定義statusBar等全局ui後,該主題也跟進改了不少小細節。
本文分享自微信公衆號 - JAVA樂園(happyhuangjinjin88)。
若有侵權,請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。