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,查看組件的變量值