Debugging 使用VisualStudio代码调试GWT

Debugging 使用VisualStudio代码调试GWT,debugging,gwt,visual-studio-code,Debugging,Gwt,Visual Studio Code,我正在努力从Eclipse转换到VS代码,因为我一直在使用VS代码来编写较小的脚本和类似的东西,我非常喜欢它。在工作中,我们构建并维护一个使用GWT构建的web应用程序,因此能够使用诸如开发模式和超级开发模式之类的东西进行调试对我来说很重要。我已经寻找了类似于Eclipse的GWT扩展,但似乎没有。有没有办法模仿Eclipse中的开发模式和超级开发模式,但是使用VS代码 假设您运行了超级开发模式,下面是VS代码调试启动配置的示例: "launch": { "configurations":

我正在努力从Eclipse转换到VS代码,因为我一直在使用VS代码来编写较小的脚本和类似的东西,我非常喜欢它。在工作中,我们构建并维护一个使用GWT构建的web应用程序,因此能够使用诸如开发模式和超级开发模式之类的东西进行调试对我来说很重要。我已经寻找了类似于Eclipse的GWT扩展,但似乎没有。有没有办法模仿Eclipse中的开发模式和超级开发模式,但是使用VS代码

假设您运行了超级开发模式,下面是VS代码调试启动配置的示例:

"launch": {
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:8888",
      "sourceMapPathOverrides": {
        "http://localhost:9876/sourcemaps/MY_MODULE/com/path/to/class/*": "${workspaceFolder:MY_MODULE}/src/com/path/to/class/*",
        "http://localhost:9876/sourcemaps/MY_MODULE/com/some/other/class/*": "${workspaceFolder:OTHER_MODULE}/src/com/some/other/class/*",
    },
    "smartStep": true,
    "skipFiles": ["MY_MODULE-*.js"], // I choose to skip this file because it is very large and not handled well by VS Code
    "trace": "verbose",
    "webRoot": "${workspaceFolder:MY_MODULE}/war" // path to where your war is built out to
  }
],

获得要使用的源映射路径覆盖的一个好方法是浏览实际的源映射。在超级开发模式运行时,访问这些路径并将其与本地目录匹配。在我上面的示例中,我们有一个多项目工作区,其中一些项目位于不同的路径中,但仍在同一个“我的模块”下。因此,上面的示例位于工作区配置文件中。如果不使用工作区,则需要删除${workspaceFolder:X}或替换为更合适的变量。

您是否尝试过:是否使用Thomas Broyer提供的gwt maven插件?