如何调试 Visual Studio Code 扩展？

Question

排查和调试 Visual Studio Code 的最佳方法是什么？

我在 Visual Studio Code 中编辑时遇到了一些代码片段/建议扩展的冲突，并想尝试找到根本原因。

^{附注我将不胜感激任何解决扩展之间冲突的经验。如果您以前遇到过此问题，请随时插话（内置建议会在几秒钟后完全覆盖扩展建议）}

Answer 1

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

运行和调试您的扩展

您可以通过按 F5 在调试器下轻松运行扩展。 这将打开一个新的 VS Code 窗口，其中加载了您的扩展。输出 您的分机中的内容会显示在

Debug Console

中。可以设置中断 点，单步执行代码，并检查变量

Debug

视图或

Debug Console

。

要调试已安装的 Visual Studio Code 扩展，请首先 导航到已安装扩展的项目文件夹。

%USERPROFILE%\.vscode xtension\${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

• 在输出窗口右上角的小下拉列表中选择扩展名