調(diào)試步驟：

1.安裝nodejs

2.安裝vscode

3.vscode安裝debugger for chrome插件

4.選擇調(diào)試->打開調(diào)試配置，選擇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函數(shù)中設(shè)置斷點，在自動打開的瀏覽器中刷新頁面(http://localhost:4200)，vscode自動停止斷點位置。

7.在vscode的調(diào)試控制臺中輸入this.title,查看組件的變量值

轉(zhuǎn)載于:https://www.cnblogs.com/ihzeng/p/10440645.html

總結(jié)

以上是生活随笔為你收集整理的vscode调试angular2的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。