图解 VSCode中配置并调试TypeScript代码

 时间:2024-10-12 11:54:06

1、首先确保本机已安装Node.js,并全局安装了ts-node插件,如下图所示:

图解 VSCode中配置并调试TypeScript代码

3、在VSCode中点击左侧的调试工具栏,选择“显示所有自动调试配置”,点击“添加配置”,如下图所示:

图解 VSCode中配置并调试TypeScript代码

5、之后在项目根目录下,默认会创建一个.vscode的目录,下面包括一个名为launch.json文件,如下图所示:

图解 VSCode中配置并调试TypeScript代码

7、在项目根目录下,在终端窗口,输入命令npm install typescript ts-node根目录下会创建一个名为node_modules的文件夹和package.json文件,如下图所示:

图解 VSCode中配置并调试TypeScript代码

9、打开.vscode/launch.json文件,修改如下{ "version": "0.2.0媪青怍牙", "configurations": [ { "name": "调试TypeScript", "type": "node", "request": "launch", "program": "${workspaceRoot}/node_modules/ts-node/dist/bin.js", "args": [ "${relativeFile}" ], "cwd": "${workspaceRoot}", "protocol": "inspector" } ]},如下图所示:

图解 VSCode中配置并调试TypeScript代码

11、左侧工具栏中点击调试俺妞,在运行和调试右侧出现一个绿色三角形,点击开始调试,如下图所示:

图解 VSCode中配置并调试TypeScript代码

13、调试过程中,可以在监视选项中添加要跟踪监视的变量,如下图所示:

图解 VSCode中配置并调试TypeScript代码
  • IntelliJ IDEA怎么更新插件
  • 冒险岛信息工具WzComparer2使用经验
  • 元气骑士群星之弓怎么合成
  • 易语言交换变量
  • js怎么控制a标签的显示和隐藏
  • 热门搜索
    北京旅游景区 东戴河旅游景区 梧州旅游 咸宁旅游 永兴岛旅游 三峡大坝旅游 合肥周边旅游景点 浙西大峡谷旅游攻略 象山旅游攻略 以色列旅游