VS代码调试ASP.NET + Chrome

时间:2016-08-16 22:45:03

标签: asp.net-core visual-studio-code

是否可以配置VS代码以使用ASP.NET Core中的服务器代码和Chrome中的JS文件无缝调试解决方案。

完整VS中可用的东西(不幸的是仅在IE中)。 我可以在JS文件和CS文件上放置断点。

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

为ASP.NET Core应用程序创建一个配置,为Chrome创建另一个配置(您需要Debugger for Chrome扩展名)。然后创建一个composite launch configuration

使用复合配置开始调试时,您将能够在同一Visual Studio代码实例中调​​试ASP.NET代码以及Javascript / Typescript代码。您也可以手动启动每个配置,它应该可以工作。

您的launch.json文件看起来应该是这样的(使用名为myapp的ASP.NET核心应用程序):

{
    "version": "0.2.0",
    "compounds": [
        {
            "name": "Browser/Server",
            "configurations": [
                "Server",
                "Browser"
            ]
        }
    ],
    "configurations": [
        {
            "name": "Server",
            "type": "coreclr",
            "request": "launch",
            "preLaunchTask": "build",
            "program": "${workspaceRoot}/bin/Debug/netcoreapp1.1/myapp.dll",
            "args": [],
            "cwd": "${workspaceRoot}",
            "env": {
                "ASPNETCORE_ENVIRONMENT": "Development"
            },
            "sourceFileMap": {
                "/Views": "${workspaceRoot}/Views"
            }
        },
        {
            "name": "Browser",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:5000",
            "webRoot": "${workspaceRoot}/wwwroot"
        },
    ]
}