Angular: Hướng dẫn cách debug bằng Chrome

Mở Visual Studio Code, vào View -> Comand Pallete (Ctrl+Shift+P), chọn Extension: Install Extensions

Chọn Debugger for Chrome

Để debug trong app Angular, bạn phải bảo đảm app Angular phải được chạy trước bật chế độ debug

Bạn mở command line, gõ ng serve.

Sau đó, bạn bấm vào biểu tượng thứ 4 của Visual Studio Code để mở khung chọn chế độ debug

Chọn Launch Chrome against localhost để bật chế độ debug

File cấu hình:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Edge",
            "request": "launch",
            "type": "pwa-msedge",
            "url": "http://localhost:4200",
            "webRoot": "${workspaceFolder}"
        },
        {
            "name": "Launch Chrome",
            "url": "http://localhost:4200",
            "request": "launch",
            "type": "pwa-chrome",
            "webRoot": "${workspaceFolder}"
        }

    ]
}

Chúc các bạn thành công!