VS Code 插件大全(你想要的我都有!)

讓你 VS Code 編輯器 不同凡響

有關VSCode快捷鍵大全，請參考個人文章《VSCode編輯器快捷鍵大全》

裝逼如風，常伴吾身

名稱	描述
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	點擊路徑跳轉
Live Server	實時預覽,修改效果同步到瀏覽器，不用手動刷新
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語法檢查
TODO Highlight	在代碼處作標記，方便之後快速定位到代碼行
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)文件
dart	Flutter開發核心插件，該插件包含用於在不一樣數據表示之間轉換的編碼器和解碼器
flutter	Flutter語法提示高亮

^_<