無論您是經驗豐富的開發人員還是剛開始第一份工作的初級開發人員,您都會想讓自己的開發工作盡可能輕鬆一點。正確的工具使用可以幫助您實現這個目標。
如果您選擇使用 Visual Code 作為 IDE,您就可以使它符合您的偏好選擇。實現此目的的一種方法是安裝正確的插件。為了讓您的生活盡可能簡單,您可以添加很多您想要的內容。
您使用的插件將會對您的工作效率以及工作方式產生很大的影響。這就是為什麼我們要運用 Visual Studio Code 插件列表的原因。
我們改變工具,工具再改變我們。- 杰夫・貝佐斯(Jeff Bezos)
請注意,所有這些插件都可以在 Visual Studio Marketplace 上免費獲得。
Visual Studio Intellicode#
下載超過 320 萬次的 Visual Studio Intellicode 是 Visual Studio 下載次數最多的插件之一。而且,在我看來,它是您能用到的最有用的插件之一。
這個插件旨在幫助開發人員提供智能的代碼完成建議而構建的,並且已預先構建了對多種編程語言的支持。
Visual Studio Intellicode 使用機器學習技術來觀察和查找眾多開源 GitHub 項目中使用的模式,並在編碼時提供建議。
Git Blame#
這是誰做的?!
有時候,您需要知道是誰寫了這段代碼。好吧,Git Blame 進行了救援,它會告訴您最後接觸一行代碼的人是誰。最重要的是,您可以看到它發生在哪個提交中。
這是非常好的信息,特別是當您使用諸如特性分支之類的東西時。在使用特性分支時,您可以使用分支名稱來引用票據。因為 Git Blame 會告訴您哪一個提交 (也就是哪個分支) 的一行代碼被更改了,所以您就會知道是哪一個票據導致了這種更改。這有助於您更好地了解更改背後的原因。
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 中調試源文件。
ESLint
ESLint 插件將 ESLint 集成到 Visual Studio Code 中。如果您不熟悉它,ESLint 就會作為一個靜態分析代碼的工具來快速發現問題。
ESLint 發現的大多數問題都可以自動修復。ESLint 修復程序可識別語法,因此您不會遇到由傳統查找和替換算法引入的錯誤。最重要的是,ESLint 是高度可定制的。
SVG Viewer#
SVG Viewer 擴展添加了許多實用程序,可用於在 Visual Studio Code 中使用 SVG。這個插件使呈現 SVG 文件和查看它們的外觀成為可能,而不必離開編輯器。此外,這個插件還具有用於轉換為 PNG 並生成數據 URI 模式的選項。
Themes#
最後但並非最不重要的是 Themes。既然您每天都會看到您的編輯器,那為什麼不把它做得盡可能的漂亮呢?有大量的自定義插件可以改變側邊欄的配色方案和圖標。一些流行的 Themes 是免費提供的,分別是 One Monokai ,One Dark Pro 和 Material Icon 。