如何修复反应教程的Sublime文本突出显示？

Question

我最近开始official reactjs tutorial，并注意到崇高的文字突出显示完全搞砸了。

我该如何解决这个问题？

Answer 1

使用软件包控件包安装babel，如果您没有，请获取它here。

打开包装控件，选择安装包，输入babel，选择它并按Enter键。

设置为默认语法

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

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

设置配色方案

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

Answer 2

安装以下sublime软件包应解决这些问题：

https://github.com/babel/babel-sublime

Answer 3

通过包控件安装babel。它将修复语法突出显示并添加更多功能。

检查https://packagecontrol.io/packages/Babel

Answer 4

• 按照this link安装软件包管理器以获取精美文字
• 现在打开命令选项板，按 ctrl + shift + p （Win，Linux）或 cmd + shift + p （OS X）。从搜索结果中选择程序包控制：安装程序包。现在，找到并选择Babel和Babel Snippets软件包。
• 现在要为您的JSX代码启用正确的语法高亮显示，请打开.js / .jsx文件，选择查看->语法->以当前扩展名将所有文件都打开为...-> Babel-> JavaScript（Babel）。 / li>