vscode配置调试ts

记录下配置调试ts的过程：
首先要安装了typescript，通过npm（Node.js包管理器）来安装：

 npm install -g typescript

在编辑器，将下面的代码输入到main.ts文件里：

function sayHello(lang: string): string {
    return 'Hello, ' + lang;
}
let lang = "typeScript";
console.log(sayHello(lang));

加入tsconfig.json文件

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "sourceMap": true,
    "outDir": "./out",
    "strict": true,
  },
}

启动调试F5

打开launch.json配置

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "program": "${workspaceFolder}/app.ts",
            "preLaunchTask": "tsc",
            "outFiles": ["${workspaceFolder}/out/*.js"],
            
        }
    ]
}

同在这个配置目录下增加tasks.json,配置上面的preLaunchTask任务

{
    "version": "0.1.0",
    "command": "tsc",
    "isShellCommand": true,
    "args": ["-w", "-p", "."],
    "showOutput": "always",
    "problemMatcher": "$tsc"
}

ok,断点调试可以用了

vscode-typescprit-debugging官方教程