Sublime Text 3中的React.js文件语法

Question

我正在使用Sublime Text 3作为我的代码编辑器，在React中编写了一个基本的Hello World示例。但是代码着色不正确，我尝试安装Babel插件，但即使安装了插件，着色也似乎无法正常工作，如下图所示：

- yasar

---

你可能想尝试一下这个新的语法 https://github.com/borela/naomi，因为它支持ES2017+特性。 - Alexandre Borela

Answer 1

仅仅安装插件还不够，你还需要告诉SublimeText去使用它。

要么执行

a) Ctrl-Shift-P，输入"Babel"并选择Set Syntax: Javascript(Babel)

要么

b) 转到菜单，依次选择View->Syntax->Open all with current extension as...->Babel->Javascript(Babel)。

- ivarni

Answer 2

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

将Babel设置为默认语法： 1. 打开具有该扩展名的文件， 2. 选择“查看”菜单， 3. 然后选择“语法” -> “全部使用当前扩展名打开...” -> “Babel” -> “JavaScript（Babel）”。 4. 对于每个扩展名（例如：.js和.jsx），都要重复此过程。

设置颜色方案： Babel与Next和Monokai捆绑在一起，可从“首选项”->“颜色方案”->“Babel”中选择其中一种。

来源：https://github.com/babel/babel-sublime

- a3.14_Infinity

Answer 3

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

1. 按下Ctrl + Shift + P
2. 这样做，命令面板就会弹出，在那里输入：Package control。然后选择选项Package Control: install package
3. 现在输入并选择'Babel'
4. 现在打开'View'菜单并导航到Syntax，Open all with current extension as…，Babel, Javascript (Babel)。

- Robin