如何自动将jsx或tsx编译成js成visual studio代码？

Question

如何将 react jsx 或 tsx to js 自动编译成 Visual Studio 代码？ 是否需要任务运行器？还是只是对 jsconfig.json 的配置？

我已经尝试过的：

我已经尝试使用 jsx 参数创建一个 jsconfig.json，但没有成功。 我配置了一个 TS 编译器，但是它只编译 TS 到 JS，而不是 JSX 到 JS。

我想知道是否有任何配置可以进行此转换而无需配置运行任务。 ，例如像 Full Visual Studio 这样的“保存时编译”。

Answer 1

你可以添加

[
    {
        "key": "ctrl+s",          
        "command": "workbench.action.tasks.build" 
    }
]

到 keybindings.json

并创建文件tasks.json

{
    "version": "0.1.0",
    "command": "webpack",
    "isShellCommand": true,
    "args": [],
    "showOutput": "always"
}