How to interactive debug TypeScript in vscode.

debug-python-pytests.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Python: pytest",
            "type": "python",
            "request": "launch",
            "module": "pytest",
            "args": [
                "-v",
                "--no-cov"
            ],
            "cwd": "${workspaceFolder}",
            "env": {"PYTHONPATH": "${workspaceFolder}"},
            "console": "integratedTerminal"
        }
    ]
}

debug-typescript-launch.json

// https://yewtu.be/watch?v=f3i9b3uK00U
// npm install --save-dev ts-node tsconfig-paths
{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Debug TypeScript",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${file}",
            "runtimeArgs": [
                "-r",
                "ts-node/register",
                "-r",
                "tsconfig-paths/register",
            ],
            // "args": [
            //     // if tsconfig in different location than expected
            //     "-P",
            //     "server/tsconfig.json"
            // ],
            // "console": "integratedTerminal",
            // "outFiles": [
            //     "${workspaceFolder}/server/dist/**/*.js"
            // ]
        }
    ]
}