Visual studio code 如何使用vscode调试Microsoft Word web加载项?

Visual studio code 如何使用vscode调试Microsoft Word web加载项?,visual-studio-code,ms-word,office-js,office-addins,word-addins,Visual Studio Code,Ms Word,Office Js,Office Addins,Word Addins,Visual Studio具有Word web加载项的模板。单击“开始”打开加载了外接程序的Word,并允许在IDE中立即调试前端javascript Word正在ie11中运行加载项 对于这个项目,我找到的唯一选项是使用位于C:\Windows\SysWOW64\f12\IEChooser.exe(或System32)中的“f12”调试器进行调试 我安装了最新版本的windows以访问新的windows终端。此更新还将外接程序一词改为加载到edge中,而不是ie11,后者需要新的Micro

Visual Studio具有Word web加载项的模板。单击“开始”打开加载了外接程序的Word,并允许在IDE中立即调试前端javascript

Word正在ie11中运行加载项

对于这个项目,我找到的唯一选项是使用位于C:\Windows\SysWOW64\f12\IEChooser.exe(或System32)中的“f12”调试器进行调试

我安装了最新版本的windows以访问新的windows终端。此更新还将外接程序一词改为加载到edge中,而不是ie11,后者需要新的Microsoft edge Developer工具

我想通过IDE而不是f12/edge开发工具访问VisualStudio为调试前端代码提供的功能。我无法了解Visual Studio如何允许此调试,因为所有属性都隐藏在.sln和web.config等中的设置中


是否有任何方法可以使用Visual Studio/vscode(最好是vscode)调试此加载项?

有许多方法可以使用vscode进行调试,但所有调试方法都依赖于外部浏览器,如chrome,IE,edge debugger。我相信您不希望在VSCode中执行此操作

这种方法在某种程度上会对你有所帮助。但我相信你能做到

第一步。使用Yeoman生成器创建word web加载项。官方链接如下

它们使用nodejs,您可以选择Angular/React/JS来构建您的加载项

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

警告:正如我上面所说的,您可以借助web技术轻松构建插件

步骤2:调试:您可以使用VSCODE调试功能或使用浏览器

步骤3:如果选择浏览器:转到源代码>选择网页包>选择.ts或/js文件并设置断点。下面的屏幕截图供您参考

注意:我已从office generator中选择Angular来构建加载项。然后你可以在源代码下看到这个网页。我相信这对任何技术都是一样的


希望这对你有帮助

有很多方法可以使用VSCode进行调试,但所有调试方法都依赖于外部浏览器,如chrome,即edge debugger。我相信您不希望在VSCode中执行此操作

这种方法在某种程度上会对你有所帮助。但我相信你能做到

第一步。使用Yeoman生成器创建word web加载项。官方链接如下

它们使用nodejs,您可以选择Angular/React/JS来构建您的加载项

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

警告:正如我上面所说的,您可以借助web技术轻松构建插件

步骤2:调试:您可以使用VSCODE调试功能或使用浏览器

步骤3:如果选择浏览器:转到源代码>选择网页包>选择.ts或/js文件并设置断点。下面的屏幕截图供您参考

注意:我已从office generator中选择Angular来构建加载项。然后你可以在源代码下看到这个网页。我相信这对任何技术都是一样的


希望这对你有帮助

注意:我在“加载项GettingStartedFabricResact github repo”一词中也提出了这个问题:注意:我在“加载项GettingStartedFabricResact github repo”一词中也提出了这个问题: