Vs code 通用插件

Vs code 通用插件

轉自：https://segmentfault.com/a/1190000006697219

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 時的包提示（最新版的vscode已經集成此功能）

Document this

js 的註釋模板 （注意：最新版的vscode已經原生支持）

ESlint

ESlint 接管原生 js 提示，能夠自定製提示規則。這個比較高玩，不會的就算了，我以前發過一篇文章 sublime 配置 Atom js 語法校驗中有提到，他們的配置文件是通用的。

HTMLHint

html代碼檢測

Project Manager

在多個項目以前快速切換的工具

beautify

格式化代碼的工具

Bootstrap 3 Sinnpet

經常使用 bootstrap 的能夠下

Atuo Rename Tag

修改 html 標籤，自動幫你完成尾部閉合標籤的同步修改，和 webstorm 同樣。

GitLens

豐富的git日誌插件

fileheader

頂部註釋模板，可定義做者、時間等信息，並會自動更新最後修改時間

filesize

在底部狀態欄顯示當前文件大小，點擊後還能夠看到詳細建立、修改時間

Bracket Pair Colorizer

讓括號擁有獨立的顏色，易於區分。能夠配合任意主題使用。

Vue插件

如下推薦vue框架所需的插件

vetur

語法高亮、智能感知、Emmet等

VueHelper

snippet代碼片斷

主題

One Dark Theme

來至 ATOM 的 one dark 主題，好看實用

One Monokai

有點Monokai與One Dark的混血

Material

冷門、好看、實用。注意，這裏說的不是很火的Material-Theme，由於這貨在 vscode 上目前代碼高亮還很渣。

Material Neutral

和上面是同出一門的主題。

對前端感興趣的小夥伴，能夠關注我一塊兒討論哦！
GitHub https://github.com/Moerj