來源：Daan

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

無論你是經(jīng)驗(yàn)豐富的開發(fā)人員還是剛剛開始第一份工作的初級(jí)開發(fā)人員，你都會(huì)想讓自己的開發(fā)工作盡可能輕松一點(diǎn)。正確的工具使用則可以幫助你實(shí)現(xiàn)這個(gè)目標(biāo)。如果你選擇使用Visual Code作為IDE，你就可以使它符合你的偏好選擇。實(shí)現(xiàn)此目的的一種方法是安裝正確的插件。為了讓你的生活盡可能的簡單，你可以添加很多你想要的內(nèi)容。你使用的插件將會(huì)對你的工作效率以及工作方式產(chǎn)生很大的影響。這就是為什么我們要運(yùn)用Visual Studio Code插件列表的原因。我們改變工具，工具再改變我們。——杰夫·貝佐斯(Jeff Bezos)請注意，所有這些插件都可以在Visual Studio Marketplace?上免費(fèi)獲得。Visual Studio Intellicode下載超過320萬次的Visual Studio Intellicode是Visual Studio下載次數(shù)最多的插件之一。而且，在我看來，它是你能用到的最有用的插件之一。
這個(gè)插件旨在幫助開發(fā)人員提供智能的代碼完成建議而構(gòu)建的，并且已預(yù)先構(gòu)建了對多種編程語言的支持。Visual Studio Intellicode使用機(jī)器學(xué)習(xí)技術(shù)來觀察和查找眾多開源GitHub項(xiàng)目中使用的模式，并在編碼時(shí)提供建議。?Git Blame這是誰做的？！
有時(shí)候，你需要知道是誰寫了這段代碼。好吧，Git Blame進(jìn)行了救援，它會(huì)告訴你最后接觸一行代碼的人是誰。最重要的是，你可以看到它發(fā)生在哪個(gè)提交中。
這是非常好的信息，特別是當(dāng)你使用諸如特性分支之類的東西時(shí)。在使用特性分支時(shí)，你可以使用分支名稱來引用票據(jù)。因?yàn)镚it Blame會(huì)告訴你哪一個(gè)提交(也就是哪個(gè)分支)的一行代碼被更改了，所以你就會(huì)知道是哪一個(gè)票據(jù)導(dǎo)致了這種更改。這有助于你更好地了解更改背后的原因。

PrettierPrettier是開發(fā)人員在開發(fā)時(shí)需要遵循一組良好規(guī)則的最佳插件之一。它是一個(gè)引人注目的插件，讓你可以利用Prettier軟件包。它是一個(gè)強(qiáng)大的、自以為是的代碼格式化程序，可以讓開發(fā)人員以結(jié)構(gòu)化的方式格式化他們的代碼。
Prettier與JavaScript、TypeScript、HTML、CSS、Markdown、GraphQL和其他現(xiàn)代工具一起使用，可以讓你能夠正確地格式化代碼。JavaScript (ES6) Code Snippets每個(gè)略更新的網(wǎng)頁開發(fā)人員可能都使用過各種JavaScript堆棧。無論你選擇哪種框架，在不同的項(xiàng)目中鍵入相同的通用代碼應(yīng)該會(huì)減少你的工作流程。
JavaScript (ES6)Code Snippets是一個(gè)方便的插件，它為空閑的開發(fā)人員提供了一些非常有用的JavaScript代碼片段。它將標(biāo)準(zhǔn)的JavaScript調(diào)用綁定到簡單的熱鍵中。一旦你掌握了竅門，你的工作效率就會(huì)大大提高。Sass你可能已經(jīng)猜到了，這個(gè)插件可以幫助正在使用樣式表的開發(fā)人員。一旦開始為應(yīng)用程序創(chuàng)建樣式表，就一定要使用Sass插件。該插件支持縮進(jìn)的Sass語法自動(dòng)設(shè)置語法制導(dǎo)?、自動(dòng)補(bǔ)全和格式化。
在樣式方面，你肯定希望將此工具包含在你的工具集中。Path IntellisensePath Intellisense是Visual Studio代碼之一，它可以為你的開發(fā)提供有保證的生產(chǎn)力提升。如果你同時(shí)處理許多項(xiàng)目，使用了太多不同的技術(shù)，那么你肯定會(huì)需要一個(gè)可以幫你記住路徑名的便捷工具。這個(gè)插件將為你節(jié)省大量的時(shí)間，否則將浪費(fèi)在尋找正確的目錄上。
Path Intellisence最初是用于自動(dòng)完成文件名的簡單擴(kuò)展，但它后來被證明是大多數(shù)開發(fā)人員工具集中的寶貴資產(chǎn)。Debugger for Chrome如果需要調(diào)試JavaScript，則無需離開Visual Studio Code。微軟發(fā)布的Chrome調(diào)試器允許你可以直接在Visual Studio Code中調(diào)試源文件。

ESLintESLint插件將ESLint集成到Visual Studio Code中。如果你不熟悉它，ESLint就會(huì)作為一個(gè)靜態(tài)分析代碼的工具來快速發(fā)現(xiàn)問題。
ESLint發(fā)現(xiàn)的大多數(shù)問題都可以自動(dòng)修復(fù)。ESLint修復(fù)程序可識(shí)別語法，因此你不會(huì)遇到由傳統(tǒng)查找和替換算法引入的錯(cuò)誤。最重要的是，ESLint是高度可定制的。

SVG Viewer

SVG Viewer擴(kuò)展添加了許多實(shí)用程序，可用于在Visual Studio Code中使用SVG。這個(gè)插件使呈現(xiàn)SVG文件和查看它們的外觀成為可能，而不必離開編輯器。此外，這個(gè)插件還具有用于轉(zhuǎn)換為PNG并生成數(shù)據(jù)URI模式的選項(xiàng)。

Themes最后但并非最不重要的是Themes。既然你每天都會(huì)看到你的編輯器，那為什么不把它做得盡可能的漂亮呢?有大量的自定義插件可以改變側(cè)邊欄的配色方案和圖標(biāo)。一些流行的Themes是免費(fèi)提供的,分別是One Monokai?，One Dark Pro?和Material Icon?。

? 這款I(lǐng)DEA插件真是逆天了，代碼那都不是事！

總結(jié)

以上是生活随笔為你收集整理的实用插件_精选 10 个非常实用的 VS Code 插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。