vscode调试ts

起因：我发现在vscode上面调试javascript比较方便，但由于最近学了typescript一些算法题都是使用ts来做的，奈何很多时候没法一次作对，需要调试，所以就想用vscode调试，但是发现，调试起来有那么一点麻烦

解决方案

目前有一个比较好用的工具ts-node,它提供了ts的运行环境，减少了编译的步骤

1. 确保拥有node环境

2. 使用ts-node的前提是要在当前工程目录下，所以不需要全局安装

3. npm init,初始化你的package.json

4. npm i typescript和npm i ts-node

5. 一般项目的代码全部放在src里·，新建src文件夹，将你的ts文件放进去

6. 因为是ts文件，还是需要tsconfig.josn的

   一定要将sourceMap改为true

   {
       "compilerOptions": {
           "module": "commonjs",
           "target": "es6",
           "noImplicitAny": true,
           "outDir": "./dist",
           "sourceMap": true
         },
         "include": [
               "src/**/*"
         ],
   }
   

7. 需要调试，还需要配置launch.json文件

8. 打开Debug界面，生成配置文件（应该是一个小的链接），他会自动生成launch.json文件

{
    "version": "0.2.0",
    "configurations": [
     {
            "name": "Current TS File",
            "type": "node",
            "request": "launch",
            "args": [
                "${relativeFile}"
            ],
            "runtimeArgs": [
                "--nolazy",
                "-r",
                "ts-node/register"
            ],
            "sourceMaps": true,
            "cwd": "${workspaceRoot}",
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen"
        }
    ]
}

参考链接：

JavaScript学习：如何使用vscode直接调试ts - 简书 (jianshu.com)