javascript - 在 Visual Studio Code(VS Code) 中调试 Protractor 测试

Question

我想使用开源 IDE 调试用 Javascript 和 nodeJS 构建的 Protractor 项目。正如我已经尝试过的那样(VS Code)，但由于浏览器和代码之间没有“同步”，因此无法进一步进行。任何人都可以为此提出任何解决方案，或者更好的替代方案吗？

请注意，我已经尝试过运气:

1.) Webstorm - 无法使用，因为它已获得许可且在我们的组织中不允许

2.)elementExplorer - 仅用于在交互模式下定位元素。

3.) Netbeans - 不支持调试。

4.) 带有 nodeclipse 和 Webclips 的 Eclipsee- 调试效率不高。

5.) Apatana Studio 3.0 - 无法使用现有的 javascript 和 nodeJS 项目。

请帮帮我。欢迎更好的解决方案。

谢谢

Answer 1

在命令行中运行以下命令:webdriver-manager start

launch.json 文件如下

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Launch",
      "type": "node",
      "request": "launch",
      "program": "c:/Users/yourUserName/AppData/Roaming/npm/node_modules/protractor/bin/protractor",
      "args": [
        "${workspaceRoot}/conf.js"
      ],
      "stopOnEntry": false,
      "cwd": "${workspaceRoot}",
      "preLaunchTask": null,
      "runtimeExecutable": null,
      "runtimeArgs": [
        "--nolazy"
      ],
      "env": {
        "NODE_ENV": "development"
      },
      "externalConsole": false,
      "sourceMaps": false
    },
    {
      "name": "Attach",
      "type": "node",
      "request": "attach",
      "port": 5858,
      "address": "localhost",
      "restart": false,
      "sourceMaps": false,
      "localRoot": "${workspaceRoot}",
      "remoteRoot": null
    },
    {
      "name": "launch",
      "type": "node",
      "request": "launch",
      "processId": "${command.PickProcess}",
      "port": 5858,
      "sourceMaps": false,
      "outDir": null
    }
  ]
}