vscode调试angular2

时间 2019-12-07

标签 vscode 调试 angular2 angular 栏目 AngularJS 繁體版

原文原文链接

调试步骤：node

1.安装nodejsweb

2.安装vscodechrome

3.vscode安装debugger for chrome插件npm

4.选择调试->打开调试配置，选择chrome配置，打开lauch.json,修改以下：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自动中止断点位置。app

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