相信很多童鞋在配置好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代码了✌️。
网友评论