10個好用的Visual Studio Code插件

無論你是經驗豐富的程式設計師，還是剛開始從事第一份工作的程式設計師「小白」，你都想讓程序開發變得更容易。使用正確的工具，你就能夠做到這點。

如果你正在使用的 IDE 是 Visual Studio Code，那可以讓它變得更合你的「口味」。其中一個方式就是安裝正確的插件。你可以儘可能多地安裝插件，從而讓編程變得更容易。

無疑，插件對你的工作效率和工作方式有著很大影響。這就是為什麼我們接下來會看看 Visual Studio Code 的插件清單。

我們改變工具，之後，工具也會改變我們。——Jeff Bezos

注意：所有這些插件都可以在 Visual Studio Marketplace 上面免費獲取。

Visual Studio Marketplace 地址：

https://marketplace.visualstudio.com/

1 Visual Studio Intellicode

Visual Studio Intellicode 有著 320 萬下載量，是 Visual Studio 上下載次數最多的插件。並且，在我看來，它會是你用過的最有用的插件之一。

這個插件能幫助開發人員生成智能代碼補全提示，並且它內置支持很多種程式語言。

Visual Studio Intellicode 使用機器學習技術，通過學習大量 GitHub 項目的代碼，能找到一些編碼模式，然後在你編程時給予代碼提示。

「誰寫的這段代碼？」

每隔一段時間，你都可能需要了解某段代碼是誰寫的。正好，Git Blame 就可以幫你。Git Blame 會告訴你最後修改這行代碼的人是誰。最重要的是，你可以看到這處修改發生在哪次提交裡。

這個信息很有用，特別是當你在某個產品功能分支上開發時尤其有用。當使用產品功能分支開發時，你通過點擊以你分支名命名的標籤，就可以跳到相應信息。由於 Git Blame 會告訴你這行代碼是在哪個提交和哪個分支上修改的，所以你就知道了哪個標籤對應著這次修改。這將幫助你更好地理解這種修改背後的邏輯。

對那些想嚴格遵守一組編碼規則格式的開發者來說，Prettier 是相當有用的插件。它是一個很有吸引力的插件，允許你使用 Prettier 開發包。並且，它是一個健壯的、固守成規的代碼格式化利器，允許開發者將他們的代碼進行格式化。

4 JavaScript（ES6） Code Snippets

每一個新潮的 Web 開發者應該都大概率使用過不同類別的 JavaScript 軟體棧部分。不管你選擇了什麼 JavaScript 框架，在不同的項目中直接生成同樣的基礎代碼都將縮短你的工作流程。

JavaScript（ES6） Code Snippets 就是這樣一款便利插件，它為開發者們提供了一些有用的 JavaScript 代碼片段。它將標準的 JavaScript 函數調用綁定到簡單的快捷鍵上。一旦你熟練使用這個插件，它就能極大地提高你的開發效率。

可能你已經猜到了，這款插件可以幫助使用樣式表的開發者。一旦開始為應用程式創建樣式表，你絕對想要使用 Sass 這款插件。這款插件支持縮進 Sass 語法高亮、自動補全和格式化。

當涉及到樣式時，你絕對想要在你的工具庫中加入這個工具。

Path Intellisense 可以快速提高你的開發效率。如果你同時開發多個項目，並使用很多不同的技術，你肯定想要一個方便的工具，它能幫你記住文件路徑。這款插件就能為你節省很多這方面的時間，幫你省去找到正確文件路徑的時間。

如果你想調試 JavaScript 程序，你可以不必離開 Visual Studio Code 開發環境。Debugger for Chrome 這款插件就可以做到這點，它由微軟發布，允許你在 Visual Studio Code 中直接調試網頁源文件。

ESLint 插件將 ESLint 集成進了 Visual Studio Code 中。如果你還不了解這款插件，我簡單說一下，這款插件會靜態分析你的代碼，快速找到代碼中的問題。

ESLint 找到的大部分問題都可以由其自動修復。ESLint 會根據當前文件使用的語法進行自動修復，所以就不會像傳統的「尋找 - 替換」算法那樣產生語法錯誤。最重要的是，ESLint 是高度可定製化的。

SVG Viewer 擴展插件為在 Visual Studio Code 中使用 SVG 圖像提供了大量工具。這款插件能在編輯器中渲染 SVG 文件，這樣就不用離開編輯器也能看到 SVG 圖片的樣子。

而且，這款插件還可以將圖片轉換成 PNG 圖片，以及生成數據 URI 模式。

最後一個，也很重要，這就是 Themes 插件。你每天都要面對你的編輯器，那為什麼不把它裝飾得好看點？有大量插件能改變顏色方案和側邊欄上的圖標。一些受歡迎的免費主題包括：

One Monokai：

https://marketplace.visualstudio.com/items?itemName=azemoh.one-monokai

One Dark Pro：

https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme

Material Icon：

https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme

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

點個在看少個 bug 👇