vscode配置调试ts

最新推荐文章于 2025-02-04 12:41:10 发布

LuckyThisWay

最新推荐文章于 2025-02-04 12:41:10 发布

阅读量1.3k

点赞数

分类专栏： ts 文章标签： typescript debug nodejs

本文链接：https://blog.csdn.net/LuckyThisWay/article/details/107392059

版权

ts 专栏收录该内容

1 篇文章

订阅专栏

记录下配置调试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"
}