如何调试Visual Studio Code扩展？

Question

解决和调试Visual Studio Code的最佳方法是什么？

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

^{附言：我很高兴能解决扩展之间的冲突。如果您之前曾遇到过此问题，请随时鸣叫（几秒钟后内置建议完全覆盖扩展建议）}

Answer 1

要查看您正常安装的其他人的扩展的错误：

• 在菜单中，选择View>Output
• 在输出窗口右上角的小下拉列表中选择扩展名

Answer 2

取自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