精選 10 個非常實用的 VS Code 插件

無論你是經(jīng)驗豐富的開發(fā)人員還是剛剛開始第一份工作的初級開發(fā)人員,你都會想讓自己的開發(fā)工作盡可能輕松一點。正確的工具使用則可以幫助你實現(xiàn)這個目標(biāo)。如果你選擇使用Visual Code作為IDE,你就可以使它符合你的偏好選擇。實現(xiàn)此目的的一種方法是安裝正確的插件。為了讓你的生活盡可能的簡單,你可以添加很多你想要的內(nèi)容。你使用的插件將會對你的工作效率以及工作方式產(chǎn)生很大的影響。這就是為什么我們要運用Visual Studio Code插件列表的原因。來源:Daan
原文:https://medium.com/better-programming/10-extremely-helpful-visual-studio-code-plugins-for-programmers-c8520a3dc4b8
我們改變工具,工具再改變我們。——杰夫·貝佐斯(Jeff Bezos)請注意,所有這些插件都可以在Visual Studio Marketplace?上免費獲得。Visual Studio Intellicode下載超過320萬次的Visual Studio Intellicode是Visual Studio下載次數(shù)最多的插件之一。而且,在我看來,它是你能用到的最有用的插件之一。
這個插件旨在幫助開發(fā)人員提供智能的代碼完成建議而構(gòu)建的,并且已預(yù)先構(gòu)建了對多種編程語言的支持。Visual Studio Intellicode使用機器學(xué)習(xí)技術(shù)來觀察和查找眾多開源GitHub項目中使用的模式,并在編碼時提供建議。

?Git Blame這是誰做的?!
有時候,你需要知道是誰寫了這段代碼。好吧,Git Blame進行了救援,它會告訴你最后接觸一行代碼的人是誰。最重要的是,你可以看到它發(fā)生在哪個提交中。
這是非常好的信息,特別是當(dāng)你使用諸如特性分支之類的東西時。在使用特性分支時,你可以使用分支名稱來引用票據(jù)。因為Git Blame會告訴你哪一個提交(也就是哪個分支)的一行代碼被更改了,所以你就會知道是哪一個票據(jù)導(dǎo)致了這種更改。這有助于你更好地了解更改背后的原因。

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

ESLint發(fā)現(xiàn)的大多數(shù)問題都可以自動修復(fù)。ESLint修復(fù)程序可識別語法,因此你不會遇到由傳統(tǒng)查找和替換算法引入的錯誤。最重要的是,ESLint是高度可定制的。
SVG Viewer
SVG Viewer擴展添加了許多實用程序,可用于在Visual Studio Code中使用SVG。這個插件使呈現(xiàn)SVG文件和查看它們的外觀成為可能,而不必離開編輯器。此外,這個插件還具有用于轉(zhuǎn)換為PNG并生成數(shù)據(jù)URI模式的選項。
? 這款I(lǐng)DEA插件真是逆天了,代碼那都不是事!
評論
圖片
表情
