如何調試 Visual Studio Code 擴展？

Question

對 Visual Studio Code 進行故障排除和調試的最佳方法是什么？

我在 Visual Studio Code 中進行編輯時遇到了某些代碼段/建議擴展中的沖突，並想嘗試找出根本原因。

^{PS我很感激在解決擴展之間的沖突方面的任何經驗。 如果您之前遇到過此問題，請隨時提出（內置建議會在幾秒鍾后完全覆蓋擴展建議）}

Answer 1

摘自https://code.visualstudio.com/docs/extensions/developing-extensions ：

運行和調試你的擴展

您可以通過按F5輕松地在調試器下運行您的擴展。 這將打開一個新的 VS Code 窗口，其中加載了您的擴展。 擴展的輸出顯示在Debug Console 。 您可以在Debug視圖或Debug Console設置斷點、單步執行代碼和檢查變量。

要調試已安裝的 Visual Studio Code 擴展，首先導航到已安裝擴展的項目文件夾。

%USERPROFILE%\\.vscode\\extension\\${PublisherName}.${ExtensionName}-${VersionNumber}\\

此文件夾包含在您的用戶配置文件或根文件夾中。 它也可能被稱為.vscode-insiders具體取決於您安裝的 Visual Studio Code 版本。

該項目文件夾應該已經設置了調試器，您只需在項目源文件中按F5即可打開[Extension Development Host]如最初假設的那樣。

有關更多信息，您可以查看<projectroot>/.vscode/launch.json以查找詳細說明使用[Extension Development Host]的啟動配置，如果您需要微調這些設置。

來自自動生成的擴展調試器設置launch.json ：

 // A launch configuration that compiles the extension and then opens it inside a new window { "version": "0.1.0", "configurations": [{ "name": "Launch Extension", "type": "extensionHost", "request": "launch", "runtimeExecutable": "${execPath}", "args": ["--extensionDevelopmentPath=${workspaceRoot}"] }] }

從那里開始，添加斷點和/或控制台日志以找出與擴展相關的問題的原因只是一個簡單的（~）問題。

〜編輯：我有足夠的代表現在嵌入圖像😘

有關 Visual Studio Code 擴展的一般開發的更多信息，請參閱此處的官方文檔： https : //code.visualstudio.com/docs/extensions/developing-extensions#_creating-your-own-extension

Answer 2

要查看您正常安裝的其他人的擴展程序的錯誤：

• 在菜單中，選擇View > Output
• 在輸出窗口右上角的小下拉菜單中選擇擴展