Visual Studio Code 现在是 supports JSX on 0.8 version，但看起来激活它的唯一方法是使用 .jsx 文件扩展名。手动更改语言模式不在列表中，最近的选项是JavaScriptReact，但它不解析JSX标签。
我在一个项目中，有很多 .js JSX 文件，我无法更改它。
没有.jsx扩展名，还有其他方法可以使用JSX语法吗？
【问题讨论】：
标签： react-jsx visual-studio-code
点击 VS 代码编辑器上的 右下角，其中显示 Javascript。你会看到一个选择语言模式的选项，在这里你可以搜索JavaScriptReact并选择。 就是这样。
【讨论】：
1-按 F1（在 Visual Studio Code 中）
2-在出现的文本字段中键入“扩展名”
3-选择“扩展：安装扩展”
3-键入“ext install jsx”
4- 安装 JS JSX Snippets
5-重启 Visual Studio Code
【讨论】：
虽然 Dionys 的回答有效，但在最新版本的 Visual Studio Code 中还有更好的方法。
转到File>Prefrences>Settings，然后向下滚动并找到“Emmet”打开选项卡，您应该会看到以下文本
// Enable Emmet abbreviations in languages that are not supported by default. Add a
mapping here between the language and emmet supported language.
// E.g.: {"vue-html": "html", "javascript": "javascriptreact"}
"emmet.includeLanguages": {},
所以只需按照说明在右侧面板的 json 中添加 "emmet.includeLanguages": { "javascript": "javascriptreact" }（这将覆盖用户设置）。
【讨论】：
如下更改您的用户设置或工作区设置：
// Place your settings in this file to overwrite the default settings
{
"files.associations": {
"*.js": "javascriptreact"
}
}
注意：您可能需要重新启动 VSCode。
【讨论】：
Ctrl + , -> 用户或工作区设置
我花了一些时间才弄清楚这一点——JSX 已经是 Emmet 的一部分——它是 VS Code 的一部分。我已经告诉 Emmet（另外）让 JSX sn-ps 在常规 JS 文件中可用。
只需将其放入您的设置文件中：
"emmet.syntaxProfiles": {
"javascript": "jsx"
}
【讨论】：
现在有一个VS Code extension that allows .js files to be treated as .jsx files。
不幸的是，扩展的自述文件也警告：
当您安装此扩展程序时，您将失去为 .js 文件提供的所有现有语言支持
幸运的是 VS Code 现在非常接近adopting Salsa，这意味着很快 js-is-jsx 问题应该会完全解决。
【讨论】：
只需安装一个扩展：
来源：
https://code.visualstudio.com/docs/editor/extension-gallery?pub=TwentyChung&ext=jsx https://marketplace.visualstudio.com/items/TwentyChung.jsx
【讨论】：
尝试在 Mac 或 Linux 上使用链接。
ln -s index.ios.js index.ios.jsx
【讨论】：
我可以做到，但“不是 React JS 文件”也会在 JavaScriptReact 模式下显示。
【讨论】：
<array> <string>jsx</string> <string>js</string> </array>
C:\Program Files (x86)\Microsoft VS Code\resources\app\extensions\javascript\package.json。并将".js" 添加到contributes.languages[0].extensions。