崇高文本中的 React.js 文件语法 3

Posted 2023-02-22

【中文标题】崇高文本中的 React.js 文件语法 3

【英文标题】：React.js files syntax in sublime text 3

【发布时间】：2016-09-06 09:18:51

【问题描述】：

我使用 sublime text 3 作为我的代码编辑器，我在 React 中编写了一个基本的 hello world 示例。但是代码上的颜色不正确，我尝试安装 Babel 插件，但即使在那之后，颜色也没有似乎有效，如下图所示

【问题讨论】：

您可能想尝试这种新语法github.com/borela/naomi，因为它支持 ES2017+ 功能。

【参考方案1】：

仅仅安装它是不够的，你还要告诉 SublimeText 使用它。

要么做

a) Ctrl-Shift-P，输入“Babel”并选择Set Syntax: javascript(Babel) em>

或

b) 转到菜单并执行 View->Syntax->Open all with current extension as...->Babel->Javascript(Babel)。

【参考方案2】：

这可能会对您有所帮助...按照以下步骤操作

按 Ctrl + Shift + P 执行此操作后，会弹出命令面板并输入：Package control。然后 选择选项包控制：安装包 现在输入并选择“Babel” 现在打开“查看”菜单并导航到语法，使用当前扩展名打开所有 如...、Babel、Javascript (Babel)。

【参考方案3】：

您可以按照以下提到的步骤进行操作：-

将 babel 设置为默认语法

将其设置为特定扩展的默认语法：

打开具有该扩展名的文件， 从菜单中选择查看， 然后语法 -> 使用当前扩展名打开所有... -> Babel -> JavaScript (Babel)。 对每个扩展名重复此操作（例如：.js 和 .jsx）。

设置配色方案

Babel 与 Benvie/JavaScriptNext.tmLanguage 的 Next 和 Monokai 捆绑在一起。从 Preferences -> Color Scheme -> Babel 中选择一个

礼貌：https://github.com/babel/babel-sublime