VSCode中调试TypeScript （配置更新）_"program\": \"${workspacefolder}/${relativefile}\"_candyguy242的博客-程序员资料

网上搜了一下用VSCode调试TypeScript的资料，尝试后发现之前的配置方式已经失效，就连ts-node官方说明里的也过时了，一番搜索和尝试后，发现VSCode只要配置一下就可以运行和调试单个ts文件，方式如下：

1、在VSCode中，点击菜单调试-增加配置，在项目根目录的.vscode文件夹下会生成一个launch.json文件，在launch.json中输入如下内容，name可以随意修改；

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "运行或调试当前文件",
            "program": "${workspaceFolder}/${relativeFile}",
            "preLaunchTask": "tsc: 监视 - tsconfig.json", //VSCode界面使用中文语言的话用这个
            // "preLaunchTask": "tsc: watch - tsconfig.json", //VSCode界面使用英文语言的话用这个
            "outFiles": [
                "${workspaceFolder}/build/es5/**/*.js"
            ]
        }
    ]
}

注意：如果是使用英文界面的话，换成对应的preLaunchTask，另外小程序中要移除所有的注释，不然在预览时会报错;

2、打开要调试的ts文件，使其成为当前正在编辑的文件；

3、通过菜单或快捷键启动运行或调试即可。

下断点的方式：在行号前的空白处点击即可，再次点击取消断点。

~~之前网上使用ts-node的方式：~~

~~参考：https://medium.com/spektrakel-blog/debugging-typescript-from-vscode-3cb3a182bf63~~

~~1、首先按ts-node官方的说明安装ts-node,此处不作详细说明；~~

~~2、在VSCode中，点击菜单调试-增加配置，在lauch.json中输入如下内容，name可以随意修改：~~

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "调试当前文件/ ts-node",
      "protocol": "inspector",
      "args": ["${relativeFile}"],
      "cwd": "${workspaceRoot}",
      "runtimeArgs": ["-r", "ts-node/register"],
      "internalConsoleOptions": "openOnSessionStart"
    }
  ]
}

~~3、打开要调试的ts文件，然后选择左侧边栏上的bebug按钮，调出调试页面；~~

~~4、在调试配置那选择刚才指定的配置名称，点击左侧的运行按钮就可以运行当前的ts文件。~~

~~演示：~~

~~另外，如果想进行mocha测试，配置文件如下：~~

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch current file w/ mocha",
      "program": "${workspaceRoot}/node_modules/mocha/bin/_mocha",
      "env": {
        "TS_NODE_PROJECT": "src/tsconfig.specs.json"
      },
      "args": [
        "--ui",
        "tdd",
        "--timeout",
        "4000",
        "--colors",
        "--require",
        "ts-node/register",
        "${relativeFile}"
      ],
      "cwd": "${workspaceRoot}",
      "internalConsoleOptions": "openOnSessionStart"
    }
  ]
}

本文链接：https://blog.csdn.net/candyguy242/article/details/84680588

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

frida之HOOK篇（二）手动hook_frida之hook篇(二)手动hook_kfyzjd2008的博客-程序员资料

一、编写测试用APPpackage com.example.helloworld;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.widget.Button;import android.widget.TextView;public class MainActivity extends AppCompatAc

DVD提取字幕的简要流程及涉及的主要工具_雪峰的博客-程序员资料

1、DVD拷盘用 DVD Decrypter，得到VOB文件2、从VOB中提取图形型字幕用 VobSub，得到 idx和sub配对的图形字幕文件3、图形型字幕转换成文本型用 SubOCR，得到 srt 字幕文件4、校对字幕用 Subtitle Workshop，得到翻译精准的 srt 字幕文件5、如果要加上字幕效果把 srt 字幕文件转换成SSA或ASS字幕，还可以用Subtitle Works

学习音视频开发_音视频开发培训哪家强_ChloeDimen的博客-程序员资料

最近公司开发音视频项目，用到了很多关于音视频的开发技术。总之，我都很难下手。上网查了有一篇很好的的音视频开发任务列表。我准备按照任务列表去实践所有的任务。1:：Android 音视频开发(一) : 通过三种方式绘制图片2：Android 音视频开发(二) : 音频采集和播放3：Android音视频开发 (三)：使用 Camera API 进行视频的采集，分别使用 SurfaceVi...

CentOS7搭建NTP服务器及客户端同步时间_freq_mode_hellboy0621的博客-程序员资料

在配置时钟同步服务器时第一次同步时间时，使用ntpdate命令；后续通过ntpd服务与服务器同步时间。一、搭建NTP服务器1、查看服务器、客户端操作系统版本[[email protected] ~]# cat /etc/redhat-releaseCentOS Linux release 7.5.1804 (Core)2、查看服务器是否安装ntp，系统默认安装ntpdate；[[email protected]...

[错误集锦]wsl用/mnt/无法访问windows下地址目录_我为可酱学编程的博客-程序员资料

之前wsl+ubuntu一直用/mnt/c进入windows目录。现在换成wt+zsh，结果/mnt/c/usr直接到ubuntu目录了解决方法直接进c即可：cd /c/Windows/system32

HDU3966 Aragorn's Story（树链剖分+线段树）_zzyyyl的博客-程序员资料

Aragorn’s Story