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

現在使用Vscode編碼的人越來越多,憑藉著免費,開源,輕量,跨平臺的特點收貨了一大批忠實粉絲。vs code 最強大實用的功能就是插件系統。下面介紹幾個常用場景下的插件

1.Visual Studio Intellicode

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

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

2.Git Blame

“誰寫的這段代碼?”

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

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

3.Prettier

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


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

4.JavaScript (ES6) Code Snippets

每個略更新的網頁開發人員可能都使用過各種JavaScript堆棧。無論你選擇哪種框架,在不同的項目中鍵入相同的通用代碼應該會減少你的工作流程。
JavaScript (ES6)Code Snippets是一個方便的插件,它為空閒的開發人員提供了一些非常有用的JavaScript代碼片段。它將標準的JavaScript調用綁定到簡單的熱鍵中。一旦你掌握了竅門,你的工作效率就會大大提高。

5.Sass

你可能已經猜到了,這個插件可以幫助正在使用樣式表的開發人員。一旦開始為應用程序創建樣式表,就一定要使用Sass插件。該插件支持縮進的Sass語法自動設置語法制導 、自動補全和格式化。
在樣式方面,你肯定希望將此工具包含在你的工具集中.


6.Path Intellisense

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


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

7.Debugger for Chrome

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


8.ESLint

ESLint插件將ESLint集成到Visual Studio Code中。如果你不熟悉它,ESLint就會作為一個靜態分析代碼的工具來快速發現問題。
ESLint發現的大多數問題都可以自動修復。ESLint修復程序可識別語法,因此你不會遇到由傳統查找和替換算法引入的錯誤。最重要的是,ESLint是高度可定製的。

9.SVG Viewer

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

10.Themes

最後但並非最不重要的是Themes。既然你每天都會看到你的編輯器,那為什麼不把它做得儘可能的漂亮呢?有大量的自定義插件可以改變側邊欄的配色方案和圖標。一些流行的Themes是免費提供的,分別是One Monokai ,One Dark Pro 和Material Icon 。

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