譯者按： 看完這篇文章，我打算從 Sublime Text 轉到 Visual Studio Code 了！
- 原文: Immensely upgrade your development environment with these Visual Studio Code extensions
- 譯者: Fundebug
本文采用意譯，版權歸原作者所有
我們的 VSC(VSCode)將會像一個長了五只可以發射激光的獨角獸一樣！接下來會介紹我每天使用的非常有用的插件。
如果你還是一個 VSC 的新手，那麼點擊左側最下方的按鈕來安裝插件。
Material Theme
下載量：130 萬
Visual Studio Code 最悠久的主題！
Auto Import
下載量：46 萬
自動去查找、分析、然後提供代碼補全。對於 TypeScript 和 TSX，可以適用。
Import Cost
下載量：41 萬
該插件會在行尾顯示導入的包的大小。爲了計算包大小，該插件要使用 Webpack 和 babili-webpack-plugin。
Indent-Rainbow
下載量：13 萬
一個簡單的插件可以使得對齊更加具有可讀性。
IntelliSense for CSS class names in HTML
下載量：243 萬
基於你的項目以及通過link標籤引用的外部文件，該智能插件提供 HTML 中 CSS class 名字的補全。
SVG Viewer
下載量：29 萬
一個用來預覽 SVG 的插件。
Prettier
下載量：357 萬
你絕對不能少了這個插件，你需要它來一鍵美化你的 JavaScript/TypeScript/CSS 代碼。
React Native Tools
下載量：218 萬
代碼提示、Debugging、集成 RN 的命令。
Sublime Text Keymap and Settings Importer
下載量：76 萬
從下載量來看，看來不少人從 Sublime Text 轉移過來了。
這個插件將 visual studio code 的快捷鍵綁定改成了和 Sublime Text 3 一樣。你可以試一試：cmd + P (Mac)，ctrl + P (Windows)。
你可以跳轉到文件，如果在搜索前添加>符號，你甚至可以搜索動作，比如打開內置的終端、安裝插件等等。
對於習慣使用 ST3 的人，這是一個很大的加分項。
npm Intellisense
下載量：88 萬
VSCode 插件可以在導入語句自動補全 npm 模塊名稱。
lit-html
下載量：3 萬
在 JavaScript/TypeScript 的文件中，如果有使用到 HTML 標記，lit-html 提供語法高亮和相應的補全支持。
highlight-matching-tag
下載量：6 萬
這本來應該是 VSCode 應該默認提供的功能，高亮匹配的標籤。
GitLens
下載量：772 萬
啥也別說，直接上圖！
Git Project Manager
下載量：37 萬
Git Project Manager 可以然你直接一鍵搜索並打開某個的基於 Git 管理的項目。
Git History
下載量：332 萬
用來查看 git log 或則一個文件的 git 歷史，比較不同的分支，commits。
File Utils
下載量：8 萬
提供了一個更加簡潔的方法來創建、複製、移動、重命名、刪除文件/文件夾。
Bracket Pair Colorizer
下載量：228 萬
如果你的代碼有很多的回調，那麼這種高亮可以幫助你更好地區分不同的代碼塊。
Color Highlight
下載量：25 萬
直觀展示你定義的顏色。
CSS Peek
下載量：23 萬
可以在 HTML 中通過 CSS id 或則 class 來定位到其定義。
Debugger for Chrome
下載量：1111 萬
用 Chrome 來 Debug 你的 JavaScript 代碼，或則其它支持 Chrome Debugger 協議的平臺。
Quokka.js
下載量：172 萬
實時執行 JavaScript 代碼(做快速的 demo 很有用)。
Trailing Spaces
下載量：7 萬
高亮那些冗餘的空格，可以快速刪掉。
TypeScript Hero
下載量：72 萬
輔助用 TypeScript 編程的童鞋！
WakaTime
下載量：24 萬
從你的使用習慣中生成數據報表。
Vetur
下載量：451 萬
VS Code 下面的 Vue 工具！有 Pine Wu 開發，已經累計 400 多萬下載量！
Code Runner
下載量：346 萬
支持多種語言的代碼的立即執行。支持的語言：C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D。
PHP IntelliSense
下載量：415 萬
vscode-icons
下載量：799 萬
Icon 集合。
Jest
下載量：29 萬
愉快地使用 Facebook 的 Jest。
React.js code snippets
下載量：59 萬
用 ES6 語法去開發 React.js 應用非常方便。
推薦閱讀
關於Fundebug
Fundebug專注於JavaScript、微信小程序、微信小遊戲、支付寶小程序、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了10億+錯誤事件，付費客戶有陽光保險、核桃編程、荔枝FM、掌門1對1、微脈、青團社等衆多品牌企業。歡迎大家免費試用！
版權聲明
轉載時請註明作者 Fundebug以及本文地址：
https://blog.fundebug.com/2018/07/24/vs-extensions/