美文网首页
为React-native选一款得心应手的编译器

为React-native选一款得心应手的编译器

作者: Arongkuaile | 来源:发表于2017-04-08 17:15 被阅读346次

    相信很多童鞋在配置好RN的各种环境,并且成功运行起来RN应用之后的第一个棘手问题就是用什么编译器来开发RN?(我刚开始也是这种懵逼状态😒)

    在我懵逼两分钟之后便开始疯狂的在网上翻找各种方案,大家也是各种建议,其中试过Sublime、WebStorm,后来经对比本人还是觉得webstorm更加好用一些,后来才发现官网也有推荐的编译器——Atom,于是又尝试了Atom发现虽然是官网推荐,但还是不好用。(也看个人习惯)

    那么下来我就着重说说webstorm的安装以及使用。

    ==============分==========割===============线=============

    如果安装Webstorm正版的话、那就很简单啦,直接上官网付费下载即可。如果你要安装破解版的话,那么就更简单了。直接点击这里去下载安装就好,整套过程一气呵成,无需多想(😏)!

    接下来说说使用。由于ReactNative是基于React的,而React使用的是JSX语法,因此,使用WebStorm开发RN之前,我们首先需要设置支持的JavaScript语法,点击WebStorm-Preferences,在打开的对话框中选择色JavaScript language version 为JSX Harmony即可,在代码编辑器中识别JSX,如下图所示:

    到这一步,只能使得编辑器识别JSX语法的Javascript代码,不会导致代码标红,但对于Reactnative的API名称、组件名称等并不会只能提醒和自动补全。那么这个问题可以使用开源的插件来解决(ReactNative-LiveTemplate)。

    插件的安装直接参考GitHub上的说明操作即可。

    使用如下图所示:

    至此,你便可以开心愉悦的编写RN代码了✌️。

    相关文章

      网友评论

          本文标题:为React-native选一款得心应手的编译器

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