方法之一:调试js

利用SourceMap功能,对编译出来的js文件配置调试

方法之一:直接调试ts

适用范围

采用ES6模块化 ES moduleCommonJS的ts文件

1. 生成预制的ts调试配置文件

  1. 使用 npm i -g ts-node 安装 ts-node
  2. 安装vscode插件: kakumei. ts-debug
  3. 选中debug侧边栏, 在如下位置选择添加配置文件到指定地方
    1. 所谓配置文件, 其实就是名字为 launch.json 的特殊文件, 所以可以直接梗概该文件 (如果已经有的话)
  4. 在该配置文件中点击右下角的蓝色按钮: 添加配置
  5. 在弹出的选项框中选择TS Debug
    1. 这个选项其实是上面安装的插件预制好的配置文件, 理论上自己也可以写

2. 修改预制的ts调试配置文件

常见问题

  1. 该调试依赖于ts-node/register模块
  2. child::找不到ts-node-register模块

3. 运行调试:

  1. 切换到需要调试的入口文件, 直接点击调试即可