美文网首页React-Native前端杂货铺React Native实践
Sublime Text3 配置 React Native 开发

Sublime Text3 配置 React Native 开发

作者: 吃土的小此方 | 来源:发表于2017-01-17 21:40 被阅读499次

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

    相关文章

      网友评论

        本文标题:Sublime Text3 配置 React Native 开发

        本文链接:https://www.haomeiwen.com/subject/nnxvbttx.html