Question

我正在尝试从Eclipse切换到VS Code，因为我一直在将VS Code用于较小的脚本之类的东西，并且我非常喜欢。在工作中，我们会构建和维护一个使用GWT构建的Web应用程序，因此能够使用开发模式和超级开发模式进行调试对我来说很重要。我一直在寻找与Eclipse相似的GWT扩展，但是似乎没有。有没有一种方法可以模仿Eclipse中的Dev Mode和Super Dev Mode，但是使用VS Code？

Answer 1

假设您正在运行Super Dev Mode，下面是VS Code调试启动配置的示例：

"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
  }
],

得出“源地图路径”要覆盖的内容的一种好方法是浏览实际的源地图。在超级开发模式运行的情况下，访问http://localhost:9876/sourcemaps并将这些路径与您的本地目录匹配。在上面的示例中，我们有一个多项目工作区，其中一些项目位于不同的路径中，但仍位于同一“ MY_MODULE”下。因此，上面的示例在Workspace配置文件中。如果您不使用工作空间，则需要删除$ {workspaceFolder：X}或替换为更合适的变量。

使用Visual Studio Code调试GWT

1 个答案: