调试typescript项目

1. 安装插件

npm install typescript --save-dev
npm install ts-node --save-dev

2. 初始化配置文件

• package.json
  npm init -y

{
  "name": "typescript_learning",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "ts-node": "^9.1.1",
    "typescript": "^4.2.4"
  }
}

• tsconfig.json
  tsc --init

{
  "compileOnSave": true,
  "compilerOptions": {
    "target": "es5", 
    "module": "commonjs", 
    "sourceMap": true,
    "outDir": "./dist", 
    "strict": true, 
    "noImplicitAny": true, 
    "esModuleInterop": true,
    "skipLibCheck": true, 
    "forceConsistentCasingInFileNames": true
  },
  "include": [
    "src/**/*"
  ]
}

• launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "调试typescript代码",
            "args": ["${workspaceFolder}/src/app.ts"],
            "skipFiles": [
                "<node_internals>/**"
            ],
            "runtimeArgs": ["-r", "ts-node/register"],
            "program": "${file}",
            "outFiles": [
                "${workspaceFolder}/**/*.js"
            ]
        }
    ]
}

• tasks.json

{
    "version": "2.0.0",
    "tasks": [
        {
            "type": "typescript",
            "tsconfig": "tsconfig.json",
            "problemMatcher": [
                "$tsc"
            ],
            "group": "build",
            "label": "tsc: 构建 - tsconfig.json"
        }
    ]
}

3. 调试

   
   image.png