React.js sublime text 3 中的文件语法

Question

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

Answer 1

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

要么

a) Ctrl-Shift-P, 输入 "Babel" 和select 设置语法：Javascript(Babel)

或

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

Answer 2

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

将 babel 设置为默认语法

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

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

设置配色方案

Babel 与来自 Benvie/JavaScriptNext.tmLanguage 的 Next 和 Monokai 捆绑在一起。 Select 一个来自首选项 -> 配色方案 -> Babel

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

Answer 3

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

1. 按 Ctrl + Shift + P
2. 这样做，命令面板弹出，然后键入：Package control。接着 select 选项包控制：安装包
3. 现在输入 select 'Babel'
4. 现在打开 'View' 菜单并导航到语法，打开所有包含当前扩展名的内容 作为...，巴别塔，Javascript（巴别塔）。