用webstorm开发react-native

小心思:

一直以来都有想要好好的去学习一下react-native,正好前段时间一哥们已经手写了一个app,效果甚好,所以也打算慢慢去摸索一下,一起成长。  

先从配置环境开始学习吧

相信想要学习的同学们都知道  [react-native 中文网](http://reactnative.cn)  这里我不多说了。按照上面的步骤就能把环境和demo新建起来。我想说的是如何运用工具编写react-native并且运行。

我们可以使用Sublime Text去编写RN代码,缺点是并不能实时运行,所以我选择了webstorm。

webstorm

只要是学过前端或者对前段只是有一点了解的人应该都知道这个强大的IDE,新版的webstorm也兼容了RN,所以可以使用其进行开发。

1.使用webstorm打开你自己的项目。
右上角有个加号箭头

2.需要添加一个npm配置

按下添加键
选择npm

3.修改配置文件

修改文件

name为自己的那个按钮的名称,可以随便填
package.json是选择自己项目的
command 选择help

4.设置平台及路径

program

其中program是react-native路径,可以直接在终端输入 which react-native查找。
parameters可以选择 run-ios或者run-android
working direction选择ProjectFileDir
到这,基本就能运行模拟器了。

配置RN语法

在webstorm中选择prefences选择buildSetting


选择jsx

结语

react-native中文网提供了详细的学习文档,一起学习一起提高。

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

推荐阅读更多精彩内容