使用"vscode-js-debug"代替ng service--配置=[xyz]

Question

我试图使用vscode-js-debug，这是在VSCode。

现在我和你共进午餐

ng serve--配置=[国家]

然后我用

        {
            "type": "node",
            "request": "attach",
            "name": "Attach to localhost",
            "address": "localhost", 
            "port": 4200
          }

但这是一个两步的过程。我想在发布中为每个国家创建一个条目。json文件，所以每次我选择它并在“运行和调试”部分运行它时，应用程序都会启动，并附加调试器。那只是一步。

我已经尝试过如何让vscode执行与ng serve相同的构建？但我没能成功。

我想要的可能吗？

Answer 1

我终于解决了这个问题：现在我可以在“运行和调试”部分选择一个国家，一步启动broswer并连接调试器。

通过在launch.json文件中添加一个条目

        {
            "name": "Uk",
            "request": "launch",
            "type": "pwa-msedge",
            "url": "http://localhost:4200/CLPQV2Frontend",
            "webRoot": "${workspaceFolder}",
            "preLaunchTask": "startUK"
        },

tasks.json档案里每个国家一个条目

        {
            "label": "startUK",
            "type": "npm",
            "script": "startUk",
            "problemMatcher": {
                "owner": "typescript",
                "source": "ts",
                //"applyTo": "closedDocuments",
                "pattern": "$tsc",
                "background": {
                    "activeOnStart": true,
                    "beginsPattern": {
                        "regexp": "(.*?)"
                    },
                    "endsPattern": {
                        "regexp": "Compiled |Failed to compile."
                    }
                }
            },
        },

其中“startUk”脚本在包中定义。类似json文件的

"start Uk"："ng service--配置UK"