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兼容的比较好了。

发布了61 篇原创文章 · 获赞 9 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/fly_yuge/article/details/53762700