react native windows 搭建(完整版)

声明:用windows 搭建的react native只能开发安卓应用

1.准备安装java jdk,以及Android SDK

传送门: java   JDK   Android SDK(自行寻找)

a.设置java的系统环境变量:java_home(指向jdk目录)   path(指向jdk bin目录) classpath: .;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar

这些系统变量名不区分大小写

b.设置ANDROID_HOME用户环境变量:指向Android sdk安装目录

这些设置均在DOS窗口关闭重开后生效

2.安装安卓模拟器,推荐genymotion

传送门:genymotion

这里你会踩很多坑

首先要在genymotion上建一个Google Nexus 5.0+的模拟器

其次如果你的windows是64位,则在配置virtualBox的时候将系统设置为64位,如果没有64位选项,进入bios 将virtualization设为enable

然后升级你的显卡驱动或者将你的显卡硬件加速调到最大,在虚拟机的设置->系统->硬件加速中勾选 启用 VT-X/AMD-V

然后开启virtualBox,待出现黑色对话框并显示出为虚拟机分配好IP后,再启动genymotion的模拟器这样模拟便顺利启动了。

3.安装nodejs 4.0版本以上

传送门: nodejs

4.用nodejs的npm安装react-native cli

npm install -g react-native-cli

5.初始化react native的项目

react-native init AwesomeProject

这个初始化成功率较低,如果初始化有问题,则去如下git仓库获取

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

6.启动react Native项目

在dos中进入项目所在文件夹,然后运行 :react-native start

如果出现watcher took too long to load 报错

则进入项目的\node_modules\react-native\packager\react-packager\src\FileWatcher 将index.js里的timeout字段改大就好了

7.将项目部署到模拟器

在打开模拟器的前提下,在dos中进入项目目录的android文件夹

运行: gradlew.bat installDebug

如果嫌jCenter 下载过慢,考虑使用maven镜像

打开项目目录下的build.gradle 将里面的 allprojects->repositories里的jCenter()换成

maven{ url ‘http://maven.oschina.net/content/groups/public/‘}

成功启动项目后

进入模拟器,打开app就可以了

时间: 2024-08-11 05:35:02

react native windows 搭建(完整版)的相关文章

React Native环境搭建

React Native环境搭建 by 伍雪颖 1.安装 node,watchman,flow brew install node brew install --HEAD watchman brew install flow 2.安装react-native npm install -g react-native-cli 3.初始化工程 react-native init Helloworld 4.用xcode打开Helloworld.xcodeproj,运行 大功告成!

初学 React native | 环境搭建(在模拟器上运行)

我的电脑是windows 所以就以 windows上+Android 配置React native 环境 网上的安装教程非常多,我总结了一下,出错原因主要是node java python c++  sdk 环境有问题,或者就是自己没有科学上网(你懂),网络有问题,导致了安装失败 至于如何安node java python c++ react-native-cli Android  sdk 我就不那么详细的说了,我主要说下我碰见的问题,想了解具体如何解决,点击这,还有这 node node wi

逻辑性最强的React Native环境搭建与调试

React Native(以下简称RN),已经“火”了好一段时间了,网上的资料相对也很丰富,只是一直迟迟没有发布1.0,不过出身豪门(Facebook)的RN和国内顶级互联网公司对于RN的实践与应用,就足矣证明其实力! 本文分为以下几个部分: 一.环境搭建: 二.APP调试与运行: 三.扩展知识: ------------------------------------------------------------------------------------分割线-------------

react Native环境 搭建

react Native的优点:跨平台 低投入高回报 性能高 支持动态更新.一才两用(ios和Android) 开发成本第 代码复用率高.windows环境搭建react Native开发环境1.安装node.js nmp-v查看node.js/npm版本2.npm install -g react-native-cli安装依赖3.react-native -help可以看相关命令4.Android中文域名 安装Android开发工具Android Studio5.react-native in

React Native 环境搭建踩坑

React Native (web Android)环境搭建踩坑(真的是一个艰辛的过程,大概所有坑都被我踩了 官方文档地址 : https://facebook.github.io/react-native/docs/getting-started 选择  Building Projects with Native Code 大家可以参照官方文档一步一步来,下面是我遇到的一些问题总结 查看一下node版本           node -v ------- 进入安装之前最好查一下JDK版本   

React Native开发 - 搭建React Native开发环境

移动开发以前一般都是原生的语言来开发,Android开发是用Java语言,IOS的开发是Object-C或者Swift.那么对于开发一个App,至少需要两套代码.两个团队.对于公司来说,成本还是有的.然而现在有蛮多的公司开发App是基于React Native来开发的,这样可以做到一个App,就是一套代码,一个团队.对于公司来说,无疑节约了成本. <React Native开发>这系列的文章主要是记录本人利用React Native学习开发的笔记,这一篇文章是第一篇<搭建React Na

iOS版 React Native 环境搭建

今天没事,搞了搞React Native,也都是才开始弄,并没有感受过它的强大,嘿嘿.今天算是demo可以跑了吧.特此记录一下搭建过程,留着日后使用. 特此声明,才过程,不保证百分百成功,因为本人在搭建的时候参考了好多东西相关文章,还请各位看官自请斟酌,啦啦啦啦我都是这么"负责任". 极客学院的官方文档中文版 -- 特此奉上-- 传送门  主要的学习参考对象, 此内容中可以看到英文文档 此外,安装步骤参考的是,这篇文章,这里记录是为了自己观看方便,和参考文章有点出入 搭建步骤如下: H

React Native 环境搭建攻略

Facebook 于 2015 年 9 月 15 日发布了 React Native for Android, 把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台--Android. 近期闲来无事想搭建环境玩耍一下.现把遇到的问题总结一下希望对于新手有所帮助. 首先我运气很好得找到了极客学院翻译的中文版wiki于是按照下面的说明进行了搭建 PS: 文档详细内容请移步: (http://wiki.jikexueyuan.com/project/react

react native windows开发环境搭建(一)

ReactNative分为服务器端和手机端loader程序,Android版有3种代码:js代码,java代码和c++代码,主要是编写的是js代码,如果框架功能不足就需要编写原生的java代码来扩展,c++代码主要和js引擎有关,一般很少用到. 首先安装node.js服务器端,到node.js的网站上下载node.js然后安装上就可以了.https://nodejs.org/en/ 安装git,在执行命令的时候,需要通过git到github上去下载相关的文件. 下载地址如下:http://www