vscode调试angular2

调试步骤：

1.安装nodejs

2.安装vscode

3.vscode安装debugger for chrome插件

4.选择调试->打开调试配置，选择chrome配置，打开lauch.json,修改如下：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4200",
            "webRoot": "${workspaceRoot}"
        }
    ]
}

5.启动项目:npm start

6.vscode打开app.component.ts组件,在app.component.ts的constructor函数中设置断点，在自动打开的浏览器中刷新页面(http://localhost:4200)，vscode自动停止断点位置。

7.在vscode的调试控制台中输入this.title,查看组件的变量值

转载于:https://www.cnblogs.com/ihzeng/p/10440645.html