Visual Studio Code 现在在 0.8 版本上支持 JSX,但看起来激活它的唯一方法是使用.jsx文件扩展名。手动更改语言模式不在列表中,最近的选项是JavaScriptReact,但它不解析 JSX 标签。
我在一个有很多.jsJSX 文件的项目中,我无法更改它。
有没有其他方法可以在没有.jsx扩展的情况下使用 JSX 语法?
Visual Studio Code 现在在 0.8 版本上支持 JSX,但看起来激活它的唯一方法是使用.jsx文件扩展名。手动更改语言模式不在列表中,最近的选项是JavaScriptReact,但它不解析 JSX 标签。
我在一个有很多.jsJSX 文件的项目中,我无法更改它。
有没有其他方法可以在没有.jsx扩展的情况下使用 JSX 语法?
更改您的用户设置或工作区设置,如下所示:
// Place your settings in this file to overwrite the default settings
{
"files.associations": {
"*.js": "javascriptreact"
}
}
注意:您可能需要重新启动 VSCode。
我可以做到,但“不是 React JS 文件”也用 JavaScriptReact 模式显示。
我花了一段时间才弄清楚这一点,但是——JSX 已经是 Emmet 的一部分——它是 VS Code 的一部分。我已经告诉 Emmet(另外)在常规 JS 文件中提供 JSX 片段。
只需将其放入您的设置文件中:
"emmet.syntaxProfiles": {
"javascript": "jsx"
}
尽管 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": {},
因此,只需按照说明操作并"emmet.includeLanguages": { "javascript": "javascriptreact" }在右侧面板中添加json(这将覆盖用户设置)。