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

Posted 2023-02-21

【中文标题】如何自动将jsx或tsx编译成js成visual studio代码？

【英文标题】：How automatically compile jsx or tsx to js into visual studio code?

【发布时间】：2016-12-20 01:43:02

【问题描述】：

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

我已经尝试过的：

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

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

【问题讨论】：

请向我们展示您到目前为止所做的事情。 ;)

没什么，只是学习。

【参考方案1】：

你可以添加

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

到 keybindings.json

并创建文件tasks.json

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