如何使用vscode调试Microsoft Word Web加载项？

Question

Visual Studio具有Word Web加载项的模板。单击“开始”将打开加载了加载项的Word，并允许在IDE中立即调试前端javascript。

Word正在ie11中运行加载项。

在这个项目中，我发现的唯一选项是使用位于C：\ Windows \ SysWOW64 \ F12 \ IEChooser.exe（或System32）中的“ f12”调试器进行调试。

我安装了最新版本的Windows，以访问新的Windows终端。此更新还将Word加载项切换为在Edge中加载，而不是在ie11中加载，这需要新的Microsoft Edge开发人员工具。

我想访问Visual Studio提供的功能，这些功能可通过IDE而不是f12 / edge开发人员工具来调试前端代码。我找不到Visual Studio如何允许这种调试，因为所有属性都被隐藏为.sln和web.config等中的设置。

是否可以使用Visual Studio / vscode（最好是vscode）调试此加载项？

Answer 1

有很多方法可以使用VSCode进行调试，但是所有调试方法都取决于外部浏览器，例如chrome，IE，边缘调试器。我相信您不想在VSCode中执行此操作。

此方法将在某种程度上帮助您。但我相信您可以解决这个问题。

步骤1.使用Yeoman生成器创建word网络插件。下方的官方链接

https://docs.microsoft.com/en-us/office/dev/add-ins/quickstarts/word-quickstart?tabs=yeomangenerator

他们使用nodejs，您可以选择Angular / React / JS来构建您的插件。

优点是它将使您能够灵活地在任何IDE 中进行调试。

注意事项：如上所述，您可以借助网络技术轻松构建Addin。

步骤2：调试：您可以使用VSCODE调试功能，也可以使用浏览器

步骤3：如果选择浏览器：转到源>选择Webpack>选择.ts或/ js文件并设置断点。以下屏幕截图供您参考。

注意：：我已从office生成器中选择Angular来构建插件。然后，您可以在源代码下看到webpack。我相信任何技术都一样。

希望这会对您有所帮助。