在 Visual Studio 代码中将语言更改为 JSX

Question

Visual Studio 现在编码 supports JSX on 0.8 version，但看起来激活它的唯一方法是使用 .jsx 文件扩展名。手动更改语言模式不在列表中，最接近的选项是 JavaScriptReact，但它不解析 JSX 标签。

我在一个项目中有很多 .js 个 JSX 文件，我无法更改它。

有没有其他方法可以在没有 .jsx 扩展的情况下使用 JSX 语法？

Answer 1

我可以做到，但是 "not React JS files" 也用 JavaScriptReact 模式显示。

打开文件 C:\Program Files (x86)\Microsoft VS Code\resources\app\plugins\vs.language.javascript\syntaxes\javascriptreact.json （可能，需要管理员权限打开。）
将数组 "fileTypes" 中的 "jsx" 更改为 "js"。
重新启动应用程序，关闭打开的 js 文件，然后重新打开。

Answer 2

尝试在 Mac 或 Linux 上使用 link。

ln -s index.ios.js index.ios.jsx

Answer 3

只需安装一个扩展：

按 F1（在 Visual Studio 代码中）
在出现的文本字段中键入 "extension"
选择"Extensions: Install Extension"
类型"ext install jsx"
重启Visual Studio代码

来源：

https://code.visualstudio.com/docs/editor/extension-gallery?pub=TwentyChung&ext=jsx https://marketplace.visualstudio.com/items/TwentyChung.jsx

Answer 4

现在有 VS Code extension that allows .js files to be treated as .jsx files.

不幸的是，扩展的自述文件也警告：

when you install this extension you will loose all the existing language support provided for .js files

幸运的是，VS Code 现在非常接近 adopting Salsa，这意味着 js-is-jsx 问题很快就会得到彻底解决。

Answer 5

如下更改您的用户设置或工作区设置：

// Place your settings in this file to overwrite the default settings
{
    "files.associations": {
        "*.js": "javascriptreact"
    }
}

注意：您可能需要重新启动 VSCode。

Answer 6

我花了一些时间才弄明白这一点，但是——JSX 已经是 Emmet 的一部分——它是 VS Code 的一部分。我已经告诉 Emmet 还（另外）在常规 JS 文件中提供 JSX 片段。

只需将其放入您的设置文件中即可：

"emmet.syntaxProfiles": {
    "javascript": "jsx"
}

Answer 7

尽管 Dionys 的回答有效，但在 Visual Studio 代码的更新版本中有更好的方法来做到这一点。

转到 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" }（这将覆盖用户设置）。

Answer 8

我觉得下面是格式化代码的最简单方法

单击 VS 代码编辑器右下角的 Javascript。

您将看到 Select 语言模式的选项，在这里您可以搜索 JavaScriptReact 和 select。而已。这应该可以解决您的问题。

1.

Answer 9

1-按 F1（在 Visual Studio 代码中）

2-在出现的文本字段中键入“扩展名”

3-选择“扩展：安装扩展”

3-键入“ext install jsx”

4- 安装 JS JSX 片段

5-重启Visual Studio代码

Answer 10

单击 VS 代码编辑器的 右下角 ，其中显示 Javascript。您将看到 Select 语言模式 的选项，您可以在此处搜索 JavaScriptReact 和 select。 就是这样。

在 Visual Studio 代码中将语言更改为 JSX

Change language to JSX in Visual Studio Code

react-jsx

visual-studio-code