Sublime Text3 配置 React Native 开发

Sublime 对于大多数人来说肯定不陌生。其简单轻便的特性，以及丰富的插件，让不少人爱不释手。自从被带入Sublime的坑之后，虽然也试过其他的编辑器比如WebStorm，VisualStudioCode等，但最后还是回归Sublime的怀抱。

关于Sublime的相关课程，非常推荐慕课网上的免费课程：快乐的sublime编辑器
有最基本的内容以及插件介绍，顺带一提，老师的声音很性感~

因为最近又准备想试试 React Native，就需要配置一下Sublime了。下面就介绍一下关于React Native的配置了。

---

注意：这里默认都已经安装了 Package Contorl 了。如果还没有安装的话，可以去上面的教程中查看安装方法，或者去官网查看。

• ReactJS
  这是一个React Native的语法提示以及高亮的插件。安装方法很简单，通过PackageControl搜索插件名就能进行安装。
  GitHub主页

安装完毕后的效果，如图。

是不是有哪里不太对劲呢。这是因为这里用了Sublime自带的Javascript的语法高亮的缘故。所以对于React Native中的自定义标签，还不能那么准确的显示。
为了解决这个问题，我们就需要安装Babel插件了。当然，在ReactJS的GitHub主页上也提供了解决方法哦。

• Babel
  Babel插件可以对ES6以及React进行支持以及语法高亮提示。安装方法也是同样通过PackageControl进行安装。GitHub地址

  安装完之后，从下面菜单就可以调整为Babel的语法高亮。
  Syntax -> Open all with current extension as...-> Babel -> JavaScript (Babel).
  更偷懒一点，可以直接修改配置文件。在设置中添加"ignored_packages": ["JavaScript"]即可。

修改后的效果。

这么一来，适合React Native开发的插件就基本完成了。其他的插件如EsLint等可以根据自己的需要来选择进行安装。