当打开JSX文件时,如何使VS代码更改语言对JavaScript做出反应

在VS代码中,在窗口的右下角,你会看到一个笑脸——笑脸的左边是当前可见文件所关联的语言(例如JavaScript)。确保当前打开的文件是.jsx文件。

单击此按钮将在顶部显示菜单。单击 Configure File Association for '.jsx'... ,然后选择“JavaScript React”。

按 cntrl + , 并将其添加到用户设置中 JSON

"files.associations": {
    "*.js": "javascriptreact"
}

进入配置文件的设置应如下所示,

"files.associations": {
    "*.jsx": "javascriptreact"
}

我没有点击配置文件,而是点击窗口右下角的扩展名。然后单击 configure File Association for '.jsx'

为什么不这样?

setting.json files.associations 如下所示:

"files.associations": {
    "**/src/**/*.js": "javascriptreact",
    "**/src/**/*.jsx": "javascriptreact"
}

src .js, .jsx 文件,您仍然可以 .js src公司 public 或者任何你喜欢的地方。

我必须让你知道,在你的无反应项目中 .js.jsx 中的文件 文件夹也会检测为react文件,因为我们编写了这样的设置,我不知道有什么更好的方法。

打开该JavaScript文件。在左下角可以看到语言“JavaScript”。