在sublime文本3中的React.js文件语法

Question

我使用sublime text 3作为我的代码编辑器，我在React中编写了一个基本的hello world示例。但是代码上的颜色是不合适的，我尝试过安装Babel插件但是即使在那之后颜色也没有似乎工作，你可以看到下面的图像

Answer 1

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

要么

a） Ctrl - Shift - P ，输入“Babel”并选择设置语法：Javascript（Babel）

或

b）转到菜单，然后执行查看 - ＆gt;语法 - ＆gt;打开所有当前扩展名为...-＆gt; Babel-＆gt; Javascript（Babel）。

Answer 2

您可以按照以下步骤操作： -

将babel设置为默认语法

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

1. 打开具有该扩展名的文件
2. 从菜单中选择“查看”
3. 然后语法 - ＆gt;打开所有当前扩展名为... - ＆gt; Babel - ＆gt; JavaScript（Babel）。
4. 对每个扩展名重复此操作（例如：.js和.jsx）。

设置配色方案

Babel与Benvie / JavaScriptNext.tmLanguage捆绑了Next和Monokai。从首选项中选择一个 - ＆gt;配色方案 - ＆gt;巴贝尔

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

Answer 3

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

1. 按Ctrl + Shift + P
2. 这样做，将弹出Command Palette，然后在其中键入：Package control。接着 选择选项“程序包控制：安装程序包”
3. 现在键入并选择“ Babel”
4. 现在打开“查看”菜单并导航到语法，使用当前扩展名全部打开 如…，Babel，Javascript（Babel）。