如何使用 JSX 语法使 Sublime 3 打开 .js 文件

Question

我在 MacOS 10.15.7 上使用 Sublime 3，并且正在处理 React 项目。

我安装了一个用于 JSX 语法高亮的包，如果我在打开文件后手动设置它，它可以正常工作。默认情况下，每次我打开文件时它都以 JavaScript 突出显示，因为我的组件文件具有 .js 扩展名。（这是有原因的。）有没有办法让我配置 Sublime 以自动打开这些带有 JSX 突出显示的项目文件？如果有帮助，我也使用 editorconfig.

注意：我不想强制 Sublime 将任何 js 文件作为 JSX 全局打开，因为这会导致我所有的 Node.js / JavaScript 项目出现相反的问题。我需要一个特定于项目的解决方案。

提前致谢！

有点相关：Syntax specific settings in sublime-project settings file

Answer 1

通过进一步挖掘，我发现这个包似乎启用了这个功能：https://github.com/reywood/sublime-project-specific-syntax

但如果可能的话，我更喜欢本机解决方案。

Answer 2

您可以使用 JSCustom 包。 https://github.com/Thom1729/Sublime-JS-Custom

打开命令面板

Win/Linux: ctrl+shift+p, Mac: cmd+shift+p

键入 Install Package Control，按回车键，然后搜索 JSCustom

安装后 JSCustom

选择：首选项 → 包设置 → JS 自定义 → 重建语法

现在重新打开 sublimeText。它将以 JSX

打开任何 js 文件

Answer 3

只需前往：

View > Syntax > Open all with current extension as ... > JavaScript >

然后 select JSX。它将所有JS打开为JSX，你可以在sublime右下角看到文件类型确认window.

如何使用 JSX 语法使 Sublime 3 打开 .js 文件

How to make Sublime 3 open .js files with JSX syntax

syntax-highlighting

jsx

sublimetext3

editorconfig