Windows下搭建React Native开发环境

在Facebook官方的说明里, 开发React Native应用提示需要OS X系统,
所以一直以为不能在Windows下开发,其实React Native是基于Nodejs环境的,
如果我们只用React Native开发Android应用,完全可以在Windows进行。

以下我按步骤介绍如何在Windows下搭建React Native开发环境:

安装Nodejs

请到官网下载Windows版本的Nodejs,
我是直接下载5.0版本,React Native的要求是4.0以上都可以支持。

安装react-native-cli

npm install -g react-native-cli

初始化项目

react-native init AwesomeProject

init项目时,我这边卡住了很久才初始化完成,可能是下载node_modules太耗时间了。
如果你也在init时卡住的话,可以直接clone我初始化好的项目

git clone https://github.com/chenyangcun/AwesomeProject.git

代码下载完成后,请将项目目录下的node_modules.zip解压到当前目录。

注:如果你的网络较快的话,也可以用npm install下载node_modules

配置环境变量

请设置环境变量ANDROID_HOME指向Android SDK的目录

安装Genymotion模拟器

请到Genymotion官方下载安装Genymotion模拟器,并创建Android emulator。请参考facebook的说明

启动

1.首先启动React Native Server

react-native start

2.重新开一个终端(cmd), 切换到项目目录安装APP

cd android
gradlew.bat installDebug

执行gradlew.bat installDebug时,请先开启Genymotion模拟器

安装成功后,在Genymotion里手动打开APP ,一切正常的话,你就可以看到如下画面。
这时Windows下的React Native开发环境就已经搭建完成。


本文作者: 阳春面
作者博客:http://www.aswifter.com/2015/11/17/set-up-react-native-windows/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 180,210评论 25 708
  • 尽管在移动开发中,原生APP的开发成本很高,但现阶段基于原生开发仍然是必须的,因为Web的用户体验仍无法超越Nat...
    奔跑的大橙子阅读 5,507评论 0 11
  • 1 我惹上麻烦了。 我叫侪飞本来是个与世无争的在赌场里端茶倒水的服务生,见惯了大老板们在这里一掷千金,有人瓢满钵满...
    鲤白白阅读 845评论 15 12
  • 常用的排序算法的时间复杂度和空间复杂度 排序法 最差时间分析 平均时间复杂度 稳定度 空间复杂度 冒泡排序 O...
    LeafRead阅读 1,108评论 1 4
  • 活着真难 又没有勇气死
    ZakikaZ阅读 100评论 0 0

友情链接更多精彩内容