程式設計師請收好：10 個實用的 VS Code 插件

英文：Daan，翻譯：CSDN - Elle

無論你是經驗豐富的開發者，還是剛開始工作的新手，你都會想讓自己的開發工作儘可能輕鬆一點。正確的工具使用則可以幫助你實現這個目標。

如果你選用 VS Code，你就可以使它符合你的偏好選擇。實現此目的的一種方法是安裝正確的插件。為了讓你的生活儘可能的簡單，你可以添加很多你想要的內容。

你使用的插件將會對你的工作效率以及工作方式產生很大的影響。這就是為什麼我們要運用 VS Code 插件列表的原因。

我們改變工具，工具再改變我們。——傑夫·貝佐斯（Jeff Bezos）

提示：這些插件都可以在 Visual Studio Marketplace 上免費找到。

https://marketplace.visualstudio.com/

0、Visual Studio Intellicode

下載超過 320 萬次的 Visual Studio Intellicode，是 VS Marketplace 上下載次數最多的插件之一。而且，在我看來，它是你能用到的最有用的插件之一。

這個插件旨在幫助開發人員提供智能的代碼完成建議而構建的，並且已預先構建了對多種程式語言的支持。

藉助機器學習技術和查找眾多開源GitHub項目中使用的模式，該插件在編碼時提供建議。

1、 Git Blame

有時候，你需要知道是誰寫了某段代碼。好吧，Git Blame進行了救援，它會告訴你最後接觸一行代碼的人是誰。最重要的是，你可以看到它發生在哪個提交中。

這是非常好的信息，特別是當你使用諸如特性分支之類的東西時。在使用特性分支時，你可以使用分支名稱來引用票據。因為Git Blame會告訴你哪一個提交(也就是哪個分支)的一行代碼被更改了，所以你就會知道是哪一個票據導致了這種更改。這有助於你更好地了解更改背後的原因。

2、Prettier

Prettier是開發人員在開發時需要遵循一組良好規則的最佳插件之一。它是一個引人注目的插件，讓你可以利用Prettier軟體包。它是一個強大的、自以為是的代碼格式化程序，可以讓開發人員以結構化的方式格式化他們的代碼。

Prettier與JavaScript、TypeScript、HTML、CSS、Markdown、GraphQL和其他現代工具一起使用，可以讓你能夠正確地格式化代碼。

3、JavaScript (ES6) Code Snippets

每個略更新的網頁開發人員可能都使用過各種JavaScript堆棧。無論你選擇哪種框架，在不同的項目中鍵入相同的通用代碼應該會減少你的工作流程。

JavaScript (ES6)Code Snippets是一個方便的插件，它為空閒的開發人員提供了一些非常有用的JavaScript代碼片段。它將標準的JavaScript調用綁定到簡單的熱鍵中。一旦你掌握了竅門，你的工作效率就會大大提高。

4、Sass

你可能已經猜到了，這個插件可以幫助正在使用樣式表的開發人員。一旦開始為應用程式創建樣式表，就一定要使用Sass插件。該插件支持縮進的Sass語法自動設置語法制導 、自動補全和格式化。

在樣式方面，你肯定希望將此工具包含在你的工具集中。

5、Path Intellisense

Path Intellisense是Visual Studio代碼之一，它可以為你的開發提供有保證的生產力提升。如果你同時處理許多項目，使用了太多不同的技術，那麼你肯定會需要一個可以幫你記住路徑名的便捷工具。這個插件將為你節省大量的時間，否則將浪費在尋找正確的目錄上。

Path Intellisence最初是用於自動完成文件名的簡單擴展，但它後來被證明是大多數開發人員工具集中的寶貴資產。

6、Debugger for Chrome

如果需要調試JavaScript，則無需離開Visual Studio Code。微軟發布的Chrome調試器允許你可以直接在Visual Studio Code中調試源文件。

7、ESLint

ESLint插件將ESLint集成到Visual Studio Code中。如果你不熟悉它，ESLint就會作為一個靜態分析代碼的工具來快速發現問題。

ESLint發現的大多數問題都可以自動修復。ESLint修復程序可識別語法，因此你不會遇到由傳統查找和替換算法引入的錯誤。最重要的是，ESLint是高度可定製的。

8、SVG Viewer

SVG Viewer 擴展添加了許多實用程序，可用於在 VS Code中使用SVG。這個插件使呈現SVG 文件和查看它們的外觀成為可能，而不必離開編輯器。此外，這個插件還具有用於轉換為PNG並生成數據URI模式的選項。

9、Themes

最後但並非最不重要的是Themes。既然你每天都會看到你的編輯器，那為什麼不把它做得儘可能的漂亮呢？

有大量的自定義插件，可以改變側邊欄的配色方案和圖標。有些流行的 Themes 都是免費的，比如：One Monokai 、One Dark Pro 和 Material Icon 。

英文：

medium.com/better-programming/10-extremely-helpful-visual-studio-code-plugins-for-programmers-c8520a3dc4b8