React Native开发之windows开发环境最简配置

最近因项目需要,一个APP要用React Native开发。这里总结一下ReactNative在windows下的开发环境搭建。
当然这里先做一个重要总结!不要在windows下开发ReactNative!!!
windows 下开发ReactNative确实非常麻烦,坑很多(至少目前情况是这样,当然随着RN越来越成熟,以后windows下应该也非常简单。)
如果你执意要在windows下开发(谁让公司穷,没有mac呢!),那么要做好心理准备,这里最一个总结。
网上搜的话有好多教程,当然官方文档也有,这里推荐一下React Native中文网,对于初学者确实很有帮助。虽然网上教程多,但是基本都比较复杂且麻烦,这里经过本人亲身体验的最简配置,去除了一些没必要的软件安装。

一、前置条件

这里是已Android开发为例,那么首先你要搭建android开发环境,比如安装Java、Android SDK等等。这里不再赘述,网上好多。

二、安装NodeJs

因为ReactNative是基于Nodejs环境的,所以先要安装NodeJs。
可以到NodeJs中文网下载Windows版本的Nodejs(版本4.0以上)。
安装完Nodejs之后就可以在命令窗口中使用npm命令了。ReactNative的很多操作都是在npm命令下操作的。

三、安装react-native-cli

git clone  React-native-cli,git clone https://github.com/facebook/react-native.git

执行以上命令,clone React Native的代码到本地,然后通过命令窗口进入react-native目录下的react-native-cli目录,输入npm install -g。安装完之后,才能运行ReactNative 命令;

四、创建项目

如果你想从头创建一个RN项目,使用如下命令
react-native init AwesomeProject
如果你已经有了一个RN项目,就到项目根目录中执行 npm install命令,该命令会自动根据ReactNative里的package.json配置信息去下载依赖库。

五、启动

在命令行中进入项目目录,输入react-native start,等待一段时间,当看到下图就说明启动成功了。
旧版本的RN启动非常慢,这也是我说为什么不要在windows下开发RN的一个重要原因!以前每次启动基本都要10~20分钟,简直无法忍受!但是当我更想到现在最新的版本之后,js server的启动已经非常快了,但是还是无法和mac相比。
这里写图片描述

六、说明

上述所有的npm命令,因为国内网的原因,可能运行非常慢或者无法成功,可以使用如下命令,用cnpm代替npm。
npm install -g cnpm --registry=https://registry.npm.taobao.org
具体信息请参考https://npm.taobao.org/
建议使用ReactNative的最新版本,最新版本已经对windows兼容的比较好了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值