VSCode 經常使用插件（2018/8/25）

列表

左：插件名稱   右：插件簡述

名稱 簡述

Auto Close Tag 　　 　　　　　　　　自動閉合HTML標籤

Auto Import 　　　　　　　　　　　　Typescript自動import提示

Auto Rename Tag   　　　　   　　　　修改HTML標籤時，自動修改匹配的標籤

Beautify css/sass/scss/less 　　　　　css/sass/less格式化

Better Comments 　　　　　　　　　 編寫更加人性化的註釋

Bookmarks 　　　　　　　　　　　　添加行書籤

vscode-caniuse　　　　　　　　　　 HTML五、CSS三、SVG的瀏覽器兼容性檢查

Code Runner 　　　　　　　　　　　運行選中代碼段（支持大量語言，包括Node）

Spellchecker 　　　　　　　　　　　單詞拼寫檢查

CodeBing 　　　　　　　　 　　　　在VSCode中彈出瀏覽器並搜索，可編輯搜索引擎

Color Highlight 　　　　　　 　　　　顏色值在代碼中高亮顯示

Color Info 　　　　　　　　 　　　　小窗口顯示顏色值，rgb,hsl,cmyk,hex等等

VS Color Picker 　　　　　 　　　　 拾色器

Document This 　　　　　　　　　　註釋文檔生成

ESLint 　　　　　　　　　   　　　　ESLint插件，高亮提示

EditorConfig for VS Code 　　　　　 EditorConfig插件

Emoji 　　　　　　　　　　　　　　在代碼中輸入emoji

File Peek 　　　　　　　　 　　　　根據路徑字符串，快速定位到文件

Font-awesome codes for html 　　　FontAwesome提示代碼段

Git Blame 　　　　　　　　　　　　在狀態欄顯示當前行的Git信息

Git History(git log)　　　　 　　　　 查看git log

GitLens 　　　　　　　　　　　　   顯示文件最近的commit和做者，顯示當前行commit信息

Guides 　　　　　　　　　　　　　高亮縮進基準線

Gulp Snippets 　　　　　　　　　　Gulp代碼段

HTML CSS Support 　　　　　　　 css提示（支持vue）

HTMLHint 　　　　　　　　　　　   HTML格式提示

Indenticator 　　　　　　　　　　   縮進高亮

IntelliSense for css class names 　  css class輸入提示

JavaScript (ES6) code snippets　　 ES6語法代碼段

JavaScript Standard Style 　　　　Standard風格

Less IntelliSense l　　　　　　　　ess變量與混合提示

Lodash 　　　　　　　　　　　　Lodash代碼段

MochaSnippets 　　　　　　　　 Mocha代碼段

Node modules resolve 　　  　　  快速導航到Node模塊

Code Outline 　　　　 　　　　　展現代碼結構樹

Output Colorizer 　　　　　　　  彩色輸出信息

Partial Diff 　　　　　　　　　　 對比兩段代碼或文件

Path Autocomplete 　　　　　　  路徑完成提示

Path Intellisense 　　　　　　　  另外一個路徑完成提示

PostCss Sorting 　　　　　　　  css排序

Prettify JSON 　　　　　　　　   格式化JSON

Project Manager 　　　　　　　 快速切換項目

Quokka.js 　　　　　　　　　　不須要手動運行，行內顯示變量結果

REST Client 　　　　　　　　　發送REST風格的HTTP請求

React Native Storybooks　　 　 storybook預覽插件，支持react

React Playground 　　　　　　 爲編輯器提供一個react組件運行環境，方便調試

React Standard Style code snippets 　　react standar風格代碼塊

Sass 　　　　　　　　　　　　sass插件

Settings Sync 　　　　　　　　VSCode設置同步到Gist

Sort Typescript Imports 　　　  typescript的import排序

Sort lines 　　　　　　　　　   排序選中行

String Manipulation 　　　　　 字符串轉換處理（駝峯、大寫開頭、下劃線等等）

Syncing 　　　　　　　　　　 vscode設置同步到gist

TODO Parser 　　　　　　　  Todo管理

TS/JS postfix completion 　　   ts/js前綴提示

TSLint 　　　　　　　　　　  TypeScript語法檢查

Test Spec Generator 　　　　 測試用例生成（支持chai、should、jasmine）

TypeScript Import 　　　　　  TS自動import

TypeSearch 　　　　　　　　TS聲明文件搜索

Types auto installer 　　　　  自動安裝@types聲明依賴

VSCode Great Icons 　　　　文件圖標拓展

Version Lens 　　　　　　　 package.json文件顯示模塊當前版本和最新版本

View Node Package 　　　　 快速打開選中模塊的主頁和代碼倉庫

VueHelper 　　　　　　　　  Vue2代碼段（包括Vue2 api、vue-router二、vuex2）

filesize 　　　　　　　　　　狀態欄顯示當前文件大小

ftp-sync 　　　　　　　　　  同步文件到ftp

gitignore 　　　　.　　　　　gitignore文件語法

htmltagwrap 　　　　　　　　快捷包裹html標籤

language-stylus 　　　　　　Stylus語法高亮和提示

markdownlint 　　　　　　　 Markdown格式提示

npm Intellisense 　　　　　　導入模塊時，提示已安裝模塊名稱

npm 　　　　　　　　　　　運行npm命令

stylelint 　　　　　　　　　 css/sass/less代碼風格

vetur 　　　　　　　　　　 目前比較好的Vue語法高亮

vscode-database 　　　　   操做數據庫，支持mysql和postgres

vscode-icons 　　　　　　  文件圖標，方便定位文件

vscode-random 　　　　　  隨機字符串生成器

vscode-styled-components    styled-components高亮支持

vscode-styled-jsx 　　　　　styled-jsx高亮支持