从Visual Studio代码中启动TypeScript程序:“无法启动程序'hw.ts',因为找不到相应的JavaScript。”

Let*_*t4U 5 javascript typescript visual-studio-code

我有hw.ts与此内容相关的文件:

function greeter(x: string) {
    return "Hello" + x;
}

let u = "John";
document.body.innerHTML = greeter(u);
Run Code Online (Sandbox Code Playgroud)

我选择Start without debugging,VSCode说:

Cannot launch program 'hw.ts' because corresponding JavaScript cannot be found.
Run Code Online (Sandbox Code Playgroud)

OK,所以我从命令行编译文件:

tsc hw.ts
Run Code Online (Sandbox Code Playgroud)

现在我hw.js相同的文件夹。

所以我再次选择Start without debugging,VSCode再次说Cannot launch program 'hw.ts' because corresponding JavaScript cannot be found.

有什么方法可以从VSCode编译和运行TypeScript程序吗?我想念什么?

(我有node我的PATH,它应该是可见的VSCode)

Haa*_*Leo 0

确保您已*.js在 .txt 文件中设置正确的文件路径launch.json。这可以通过定义选项来完成outFiles。此外,要启用调试*.ts文件,您可以设置sourceMapstrue. 这告诉 vscode 它应该尝试将编译后的*.js文件映射到相应的*.ts文件。
例子:

"sourceMaps": true,
"outFiles": [
    "${workspaceFolder}/path/to/your/jsFiles/**/*.js"
] 
Run Code Online (Sandbox Code Playgroud)