HTML Snippets
超級實用且初級的 H5程式碼片段以及提示
HTML CSS Support
讓 html 標籤上寫class 智能提示當前項目所支援的樣式
JavaScript Atom Grammar
使用 atom 風格的文法高亮,對於習慣瀏覽 atom 風格代碼高亮的人實用。 Debugger for Chrome
讓 vscode 映射 chrome 的 debug功能,靜態頁面都可以用 vscode 來打斷點調試,真666~ 配置稍微複雜一些,哪天心情好我再另寫教程吧~ jQuery Code Snippets
jquery 重度患者必須品,廢話不多說,上圖
vscode-icon
讓 vscode 資源樹目錄加上表徵圖,必備良品。
Path Intellisense
自動路勁補全,預設不帶這個功能的,趕緊裝
Npm Intellisense
require 時的包提示
Document this
js 的注釋模板
ESlint
ESlint 接管原生 js 提示,可以自定製提示規則。這個比較高玩,不會的就算了,我之前發過一篇文章 sublime 配置 Atom js 文法校正中有提到,他們的設定檔是通用的。 Project Manager
在多重專案之前快速切換的工具 beautify
格式化代碼的工具 Typings Installer
安裝 vscode 的代碼提示依賴庫,基於 typtings 的,比如提示 angular 或者 jQuery 只能感知。至於什麼是 typtings 自己去搜。 Bootstarp 3 Sinnpet
常用 bootstarp 的可以下 Atuo Rename Tag
修改 html 標籤,自動幫你完成尾部閉合標籤的同步修改,和 webstorm 一樣。
顏色主題 One Dark Theme
來至 ATOM 的 one dark 主題,好看實用
Material
冷門、好看、實用。注意,這裡說的不是很火的Material-Theme,因為這貨在 vscode 上目前代碼高亮還很渣。
Material Neutral
和上面是同出一門的主題。