程序員請收好:10個非常有用的Visual Studio Code插件

作者 | Daan

譯者 | Elle

出品 | CSDN(ID:CSDNnews)

【導讀】一個插件列表,可以讓你的程序員生活變得輕鬆許多。無論你是經驗豐富的開發人員還是剛剛開始第一份工作的初級開發人員,你都會想讓自己的開發工作儘可能輕鬆一點。正確的工具使用則可以幫助你實現這個目標。

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

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

下面為大家推薦的所有插件都可以在 Visual Studio Marketplace 上免費獲得。

一、Visual Studio Intellicode

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

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

Visual Studio Intellicode使用機器學習技術來觀察和查找眾多開源GitHub項目中使用的模式,並在編碼時提供建議。

程序员请收好:10个非常有用的Visual Studio Code插件

二、 Git Blame

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

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

程序员请收好:10个非常有用的Visual Studio Code插件

三、Prettier

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

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

四、JavaScript (ES6) Code Snippets

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

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

五、Sass

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

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

六、Path Intellisense

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

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

七、Debugger for Chrome

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

程序员请收好:10个非常有用的Visual Studio Code插件

八、ESLint

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

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

九、SVG Viewer

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

程序员请收好:10个非常有用的Visual Studio Code插件

十、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

(*本文為AI科技大本營轉載文章,轉載請聯繫作者)


分享到:


相關文章: