如何在打开JSX文件时使VS Code将语言更改为JavaScript React

Question

目前,当我打开.jsx文件时,默认语言是纯JavaScript.有没有办法设置编辑器根据文件扩展名更改语言？

理想情况下,我可以将此设置放在我的本地设置配置文件或工作区特定的配置文件中.

我正在使用的版本是Version 1.15.0-insider (1.15.0-insider).

Answer 1

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

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

Answer 2

按cntrl + ,并将其添加到用户设置JSON文件：

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

像这样：

Answer 3

转到配置文件的设置应如下所示，

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

Answer 4

为什么不这样呢？

在 vscode 中打开setting.json并添加或编辑files.associations如下所示：

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

我很想知道为什么没有人在互联网上分享这个（至少我没有找到）。

此代码将自动检测您的反应文件，因为我们为其编写了路径，它将找到src您的反应应用程序的文件夹并将所有.js, .jsx文件检测为反应，您仍然可以将.js文件从src文件夹中取出public或放在您喜欢的任何其他地方。

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

Answer 5

我没有单击配置文件，而是单击窗口右下角的扩展名。然后点击configure File Association for '.jsx'，他让我选择一种语言，我选择了 Javascript React。现在所有文件都是 Javascript React 并带有一个小反应图标