Visual Studio Code 现在在 0.8 版本上支持 JSX,但看起来激活它的唯一方法是使用.jsx
文件扩展名。手动更改语言模式不在列表中,最近的选项是JavaScriptReact
,但它不解析 JSX 标签。
我在一个有很多.js
JSX 文件的项目中,我无法更改它。
有没有其他方法可以在没有.jsx
扩展的情况下使用 JSX 语法?
Visual Studio Code 现在在 0.8 版本上支持 JSX,但看起来激活它的唯一方法是使用.jsx
文件扩展名。手动更改语言模式不在列表中,最近的选项是JavaScriptReact
,但它不解析 JSX 标签。
我在一个有很多.js
JSX 文件的项目中,我无法更改它。
有没有其他方法可以在没有.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(这将覆盖用户设置)。