Categories
程式開發

10個好用的Visual Studio Code插件“神器”


10個好用的Visual Studio Code插件“神器” 1

無論你是經驗豐富的程序員,還是剛開始從事第一份工作的程序員“小白”,你都想讓程序開髮變得更容易。使用正確的工具,你就能夠做到這點。

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

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

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

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

1.Visual Studio Intellicode

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

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

10個好用的Visual Studio Code插件“神器” 2

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

2.Git Blame

“誰寫的這段代碼?”

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

這個信息很有用,特別是當你在某個產品功能分支上開發時尤其有用。當使用產品功能分支開發時,你通過點擊以你分支名命名的標籤,就可以跳到相應信息。

10個好用的Visual Studio Code插件“神器” 3

由於 Git Blame 會告訴你這行代碼是在哪個提交和哪個分支上修改的,所以你就知道了哪個標籤對應著這次修改。這將幫助你更好地理解這種修改背後的邏輯。

3.Prettier

對那些想嚴格遵守一組編碼規則格式的開發者來說,Prettier 是相當有用的插件。它是一個很有吸引力的插件,允許你使用 Prettier 開發包。

並且,它是一個健壯的、固守成規的代碼格式化利器,允許開發者將他們的代碼進行格式化

4.JavaScript(ES6) Code Snippets

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

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

5.Sass

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

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

6.Path Intellisense

Path Intellisense 可以快速提高你的開發效率。如果你同時開發多個項目,並使用很多不同的技術,你肯定想要一個方便的工具,它能幫你記住文件路徑

這款插件就能為你節省很多這方面的時間,幫你省去找到正確文件路徑的時間。

7.Debbuger for Chrome

如果你想調試 JavaScript 程序,你可以不必離開 Visual Studio Code 開發環境。

10個好用的Visual Studio Code插件“神器” 4

Debugger for Chrome 這款插件就可以做到這點,它由微軟發布,允許你在 Visual Studio Code 中直接調試網頁源文件

8.ESLint

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

ESLint 找到的大部分問題都可以由其自動修復。 ESLint 會根據當前文件使用的語法進行自動修復,所以就不會像傳統的“尋找 – 替換”算法那樣產生語法錯誤。

最重要的是,ESLint 是高度可定制化的!

9.SVG Viewer

SVG Viewer 擴展插件為在 Visual Studio Code 中使用 SVG 圖像提供了大量工具。

10個好用的Visual Studio Code插件“神器” 5

這款插件能在編輯器中渲染 SVG 文件,這樣就不用離開編輯器也能看到 SVG 圖片的樣子。

10.Themes

最後一個,也很重要,這就是 Themes 插件。你每天都要面對你的編輯器,那為什麼不把它裝飾得好看點?有大量插件能改變顏色方案和側邊欄上的圖標

一些受歡迎的免費主題包括:One MonokaiOne Dark ProMaterial Icon

英文原文:

10 Extremely Helpful Visual Studio Code Plugins for Programmers