node.js – VS代码：用express表示帮助调试angular 2

一直试图在Visual Studio Code中设置一个调试器来运行我的打字稿,但是现在已经在墙上打了一段时间.首先,这是我的项目结构：

├───.vscode
├───dist
│   ├───client
│   │   └───app
│   │       ├───about
│   │       ├───home
│   │       ├───login
│   │       ├───_css
│   │       ├───_guards
│   │       ├───_helpers
│   │       ├───_models
│   │       └───_services
│   └───server
│       └───routes
└───src
    ├───client
    │   └───app
    │       ├───about
    │       ├───home
    │       ├───login
    │       ├───_css
    │       ├───_guards
    │       ├───_helpers
    │       ├───_models
    │       └───_services
    └───server
        └───routes

所以基本上我已经运行了,并且转换了typescript> javascript,以及将所有资源(html,css,图像等)移动到“dist”目录. “client”目录是保存Angular2的所有内容,而“server”目录是运行我的express服务器的目录.

我有我的快递服务器服务“客户端”目录,它似乎工作正常.基本上整个应用程序运行良好…我可以调用我在快递中构建的RESTful端点,我也可以导航到位于客户端目录根目录中的“index.html”.角度模块加载精细和所有的东西.

无论如何,问题是我希望能够从visual studio代码中调试我的所有角度打字稿文件.这是我目前的启动配置：

{
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Server",
      "program": "${workspaceRoot}/dist/server/startup.js",
      "sourceMaps": true,
      //"preLaunchTask": "default",
      "outFiles": [
        "${workspaceRoot}/dist/**/*.js",
        "${workspaceRoot}/dist/*.js"
      ],
      "env": {
        "NODE_ENV": "development"
      },
      "protocol": "auto"
    },
    {
      "type": "node",
      "request": "attach",
      "name": "Client",
      "sourceMaps": true,
      "port": 5858,
      "address": "localhost",
      "restart": false,
      "localRoot": "${workspaceRoot}/dist/client"
    }
  ],
  "compounds": [
    {
      "name": "Server/Client",
      "configurations": [
        "Server",
        "Client"
      ]
    }
  ]
}

我正在使用VS Code的复合启动配置来有效地启动两个调试器……一个会打到我的“服务器端”代码,另一个会打到角度方面.但是,我不能为我的生活让客户端工作.服务器端工作得很好,我可以单步执行所有RESTful端点,而不是在打字稿内.但是,无法单步执行“client”目录中的任何内容.

已经耗尽了无数个小时阅读调试设置并在互联网上搜索其他可能的解决方案.仍然没有运气:(无论如何,有人能指出我正确的方向吗？我如何设置“客户端”调试器能够逐步完成角度应用程序？

我希望能够单击一个按钮,即VS Code中的绿色“启动”按钮,然后关闭并运行.我是一个懒惰的程序员,不喜欢每次都要运行多个命令.