如何调试Visual Studio Code扩展？

Question

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

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

^{P.S。对于解决扩展之间的冲突的任何经验，我将不胜感激。如果您之前曾遇到过此问题，请随时鸣叫（内置建议几秒钟后会完全覆盖扩展建议）}

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} \

此文件夹包含在您的用户配置文件或根文件夹中。根据您安装的Visual Studio Code的版本，它也可能称为.vscode-insiders。

该项目文件夹应该已经设置了调试器，并且您可以按项目源文件中的 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
• 在输出窗口右上角的小下拉菜单中选择扩展程序