VS Code 插件大全(你想要的我都有!) 讓你 VS Code 編輯器 不同凡響

名稱 描述

Auto Close Tag 自動閉合HTML標籤

Auto Import import提示

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

Airbnb react snippets react編碼規範

AutoFileName 自動補全文字名

Babel JavaScript babel插件，語法高亮

Babelrc .babelrc文件高亮提示

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

Better Align 對齊賦值符號和註釋

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

Bookmarks 添加行書籤

Bracket Pair Colorizer 用不一樣顏色高亮顯示匹配的括號

Can I Use HTML五、CSS三、SVG的瀏覽器兼容性檢查

Code Runner 運行選中代碼段（支持多數語言）

Code Spell checker 單詞拼寫檢查

CodeBing 快速打開Bing並搜索，可配置搜索引擎

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

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

Color Picker 拾色器

CSS-in-JS CSS-in-JS高亮提示和轉換

Chinese (Simplified) Language Packfor Visual Studio Code 載入中文語言包

Dash 集成Dash

Debugger for Chrome 調試Chrome

Document This 註釋文檔生成

DotENV .env文件高亮

EditorConfig for VS Code EditorConfig插件

Emoji 在代碼中輸入emoji

endy 將輸入光標跳轉到當前行最後面

ESLint ESLint插件，高亮提示

VS Code ES7 React/Redux/React-Native/JS snippets react全家桶

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

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

Find-jump 快速跳轉到指定單詞位置

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

ftp-sync 同步文件到ftp

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

Git History(git log) 查看 git log

gitignore .gitignore文件語法

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

Guides 高亮縮進基準線

Gulp Snippets Gulp代碼段

HTML CSS Class Completion CSS calss提示

HTML CSS Support css提示（支持vue）

HTMLHint HTML格式提示

htmltagwrap 快捷包裹html標籤

Import Beautify import分組、排序、格式化

Import Cost 行內顯示導入（import/require）的包的大小

Indenticator 縮進高亮

IntelliSense for css class names css class輸入提示

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

JavaScript Standard Style Standard風格

JS Refactor 代碼重構工具，提取函數、變量重命名等等

JSON to TS JSON結構轉化爲typescript的interface

JSON Tools 格式化和壓縮JSON

jumpy 快速跳轉到指定單詞位置

language-stylus Stylus語法高亮和提示

Less IntelliSense less變量與混合提示

Lodash Lodash代碼段

Laravel goto view 點擊路徑跳轉

MochaSnippets Mocha代碼段

markdownlint Markdown格式提示

minapp 微信小程序標籤、屬性的智能補全,同時支持原生小程序、mpvue 和 wepy ### 框架，並提供 snippets)

Node modules resolve 快速導航到Node模塊

npm 運行npm命令

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

Output Colorizer 彩色輸出信息

Partial Dif Partial Dif

Path Autocomplete 路徑完成提示

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

Polacode 將代碼生成圖片

PostCss Sorting css排序

Prettify JSON 格式化JSON

Project Manager 快速切換項目

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

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

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

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

REST Client 發送REST風格的HTTP請求

Sass sass插件

Settings Sync VSCode設置同步到Gist

Sort lines 排序選中行

Sort Typescript Imports typescript的import排序

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

stylelint css/sass/less代碼風格

SVG Viewer SVG查看器

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

TSLint TypeScript語法檢查

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

TypeScript Hero TypeScript輔助插件，管理import、outline等等

TypeScript Import TS自動import

TypeScript Import Sorter import整理排序

Typescript React code snippets React Typescript代碼段

TypeSearch TS聲明文件搜索

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

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

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

VS Live Share 實時多人協助

VSCode Great Icons 文件圖標拓展

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

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

vscode-random 隨機字符串生成器

vscode-spotify 集成spotify，播放音樂

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

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

Vue TypeScript Snippets Vue Typescript代碼段

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

View In Browser 瀏覽器中查看

Vetur-wepy 添加對wepy框架的.wpy後綴支持

vscode wxml VSCode 提供 wxml 語法支持及代碼片斷

Wallaby.js 實時測試插件

wpy-beautify 格式化(.wpy/.vue)文件###