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等可以根据自己的需要来选择进行安装。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容