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