擴充套件程式綜述

Name: Visual Studio Code
Author: Microsoft

2016年5月4日，作者：Wade Anderson，@waderyan_

Visual Studio Code 擴充套件程式市場在突出顯示特色、最熱門和新增擴充套件程式方面做得非常出色，我們鼓勵您瀏覽該網站，檢視有哪些新內容以及其他開發人員正在使用哪些外掛。在我們的擴充套件程式綜述中，我們喜歡介紹一些我們覺得有趣且有用的擴充套件程式。

如果您是 VS Code 擴充套件程式的新手，請檢視文件以瞭解查詢和安裝新擴充套件程式的說明。

適用於 Edge 的偵錯程式（Microsoft JS Diagnostics）

安裝：在 Visual Studio Code 中，您可以使用快速開啟 (⌘P (Windows, Linux Ctrl+P)) 並貼上 ext install debugger-for-edge，然後按 Enter。

建立了非常受歡迎的適用於 Chrome 的偵錯程式擴充套件程式的同一批人釋出了適用於 Microsoft Edge 瀏覽器的適用於 Edge 的偵錯程式。他們能夠使用Chrome 偵錯程式協議重用相同的偵錯程式。您可以在他們最近的部落格文章中瞭解更多詳細資訊。

debugger for edge

安裝：快速開啟 (⌘P (Windows, Linux Ctrl+P))，貼上 ext install vscode-svgviewer，然後按 Enter。

這個評分很高的擴充套件程式讓您可以直接在 VS Code 中檢視可縮放向量圖形 (SVG)。在市場中檢視更多詳細資訊。

SVG viewer

安裝：快速開啟 (⌘P (Windows, Linux Ctrl+P))，貼上 ext install vscode-codemetrics，然後按 Enter。

好奇您的 TypeScript 原始碼是否變得過於巧妙而難以維護嗎？這個擴充套件程式會計算您的程式碼的複雜性，並在編輯器中的 CodeLens 裝飾中顯示一個評分。點選評分會顯示用於得出複雜性分數的規則。

complexity CodeLens

安裝：快速開啟 (⌘P (Windows, Linux Ctrl+P))，貼上 ext install npm-intellisense，然後按 Enter。

使用這個方便的擴充套件程式，為您的工作區 npm 模組帶來快速自動補全功能。

npm IntelliSense

如果您正在使用您非常喜歡的擴充套件程式並希望在此處展示它，請傳送推文給我們。

大多數擴充套件程式都在 GitHub 上開源，因此您可以從原始碼中學習併為您喜歡的擴充套件程式做出貢獻。

Wade Anderson，VS Code 團隊成員
@waderyan_