如何在VSCode中通过快捷键在集成终端执行TypeScript文件

完全可以实现你要的效果，以下是两种经过实践验证的可行配置方案：

方案1：基于launch.json的原生调试配置 #

前置依赖 #

先全局安装ts-node和typescript：

npm install -g ts-node typescript

配置步骤 #

在你项目根目录的.vscode文件夹下新建launch.json文件，粘贴以下内容：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Run current .ts with ts-node",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "runtimeExecutable": "ts-node",
            "program": "${file}"
        }
    ]
}

配置完成后，打开要执行的TS文件，按下默认调试启动快捷键F5即可执行，你也可以在VSCode快捷键设置里自定义为你习惯的F8。

方案2：基于Code Runner扩展的轻量化方案（操作更简便） #

前置依赖 #

1. 全局安装ts-node和typescript：

npm install -g ts-node typescript

2. 在VSCode扩展商店安装Code Runner扩展

配置步骤 #

如果你的项目package.json使用ES模块规范（2023年起主流项目推荐使用），打开VSCode的settings.json配置文件，添加以下内容：

{
    "code-runner.executorMap": {
        "typescript": "ts-node --esm"
    }
}

配置完成后，打开要执行的TS文件，按下Code Runner默认执行快捷键Ctrl+Alt+N（Windows/Linux）/Cmd+Option+N（Mac）即可执行，你也可以在VSCode快捷键设置里将其修改为F8，和你之前JS文件的执行习惯保持一致。

内容的提问来源于stack exchange，提问作者decho