如何修复 React-tutorial 的 Sublime 文本突出显示？答案

【问题标题】：How to fix Sublime text highlighting for react-tutorial?如何修复 React-tutorial 的 Sublime 文本突出显示？
【发布时间】：2017-02-08 02:34:54
【问题描述】：

我最近启动了official reactjs tutorial 并注意到崇高的文本突出显示完全搞砸了。

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

使用包控包安装babel，如果没有，获取here。

打开包控件，选择安装包，输入babel，选中后回车。

设置为默认语法

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

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

设置配色方案

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

【讨论】：

【解决方案2】：

关注this link安装sublime text包管理器
现在要打开命令面板，按 ctrl+shift+p（Win、Linux）或 cmd+shift+p (OS X)。从搜索结果中选择包控制：安装包。现在找到并选择包 Babel 和 Babel Snippets。
现在要为 JSX 代码启用正确的语法突出显示，打开 .js/.jsx 文件，选择查看 -> 语法 -> 以当前扩展名打开所有... -> Babel -> JavaScript (Babel)。

【讨论】：

【解决方案3】：

安装以下 sublime 包应该可以解决这些问题：

【讨论】：

【解决方案4】：

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

【讨论】：