在windows搭建react-native android 开发环境总结

1.安装必须的软件

1.Python 2 

  注意勾选 Add python.exe to Path,选项,这样就可以在安装完成后,不用手动去添加环境变量

安装完,打开cmd.exe,输入python,然后enter,如果能成功返回ptython的版本号等信息,则说明安装成功。

 

2.Node.js

安装完node之后,打开cmd.exe,输入node -v,如果返回node.jsben,则说明node.js,安装成功。

由于npm在国内的速度奇慢,建议使用淘宝代理,或者使用其他科学上网工具

使用淘宝代理的方法:

npm config set registry https://registry.npm.taobao.org --global

    npm config set disturl https://npm.taobao.org/dist --global


3.安装react-native命令行工具(react-native-cli)

npm install -g yarn react-native-cli

安装成功之后,打开cmd.exe,输入

react-native -v

,然后enter,如果能成功返回react-native的版本号,则说明安装成功。

 

4.安装Android Studio

a.安装jdk

需要jdk1.8以上版本,具体安装教程:http://jingyan.baidu.com/article/6dad5075d1dc40a123e36ea3.html

安装完成之后,打开cmd.exe,输入

 java -version

如果成功返回版本信息,则说明安装成功。

b.安装android studio

1.需要android studio 2.0以上版本,确认勾选安装 android SDK和Android Device Emulator

2.安装完成后,选择Custom安装项

3.下一步一定要勾选HAXM加速驱动和模拟器

4.安装完成之后没在Android Studio的欢迎界面选择 Configure | SDK Manager

  • SDK Platforms窗口中,选择Show Package Details,然后在Android 6.0 (Marshmallow)中勾选Google APIsAndroid SDK Platform 23Intel x86 Atom System ImageIntel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image

  • SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1。(必须是这个版本)

然后点击apply和ok,等待安装完成。

5.ANDROID_HOME 环境变量配置

新建系统环境变量,填写android  sdk的安装目录

6.将android SDK的Tools目录添加到系统环境变量中去

需要添加android SDK目录下的tools和platform-tools两个路径

5.安装Genymotion

1.下载和安装Genymotion(需要先注册才能看到download的选项,genymotion需要依赖VirtualBox虚拟机,下载选项中提供了包含虚拟机和不包含的选项,请按需下载)。

2.打开Genmotion,点击ADD,新增一个android的设备,请务必选择5.0以上版本的android系统,不然出现各种奇怪的问题。

3.选中新增加的设备,点击Start按钮,等待片刻即可打开android虚拟机

4.打开cmd.exe,输入

adb devices

如果返回类似下图所示,则表明虚拟机启动成功。

6.初始化react-native 项目

硬盘上新建文件夹,然后打开cmd.exe,切换到该目录,然后执行

react-native init myProject

这个过程可能会耗费一段时间,请耐心等待,初始化完成之后,切换到新建的myProject文件夹,执行

react-native run-android

等待编译完成,直到在android的虚拟机上出现 WelCome to react-native,则大功告成,修改index.android.js,保存之后,在鼠标移动到虚拟机上,然后点击两次键盘R,就会触发新代码更新到虚拟机。

2.问题总结

1.很多安装过程耗费时间,等耐心等待,没有安装完不要关掉,不要着急

2.建议第一次启动项目的时候,使用5.0以上版本的android虚拟机,不要使用国产的android机,能被坑死的节奏!

时间: 2024-08-09 02:07:52

在windows搭建react-native android 开发环境总结的相关文章

手把手教你在Windows下搭建React Native Android开发环境

最近看到React Native好像好厉害的样子,好奇心驱使之下体验了一下并将在Window下搭建React Natvie Android环境的步骤记录下来,并有需要的朋友参考.(我都是参考官方文档的) react-native的GitHub地址:https://github.com/facebook/react-native react-native的文档地址:http://facebook.github.io/react-native/docs/getting-started.html 1.

【转】在Windows下搭建React Native Android开发环境

http://my.oschina.net/jackzlz/blog/508210 安装JDK 从Java官网下载JDK并安装.请注意选择x86还是x64版本. 推荐将JDK的bin目录加入系统PATH环境变量. 安装Android SDK 可以单独安装Android SDK,也可以通过Eclipse ADT或者Android Studio一并安装.推荐使用Android Studio,以下说明会默认以Android Studio的方式说明.请注意选择x86还是x64版本. 为了加速下载,推荐从

在Windows上搭建React Native Android开发环境

安卓环境配置 安装JDK 安装完成后,使用命令行检查版本 java -version 安装Android Studio 以及SDK 下载AS和SDK,建议使用http://www.androiddevtools.cn/,这里整理得比较清晰,SDK下载可能要使用国内镜像,具体使用上面的网址有介绍. 这里需要注意设置环境变量ANDROID_HOME 1. 打开控制面板,选择系统和安全->系统->高级系统设置->高级->环境变量->新建,变量名填写ANDROID_HOME,变量值填

在Windows下搭建React Native Android开发环境

widows版本: win7 64位 专业版 1. 安装jdk.(我用的jdk7) 注意选择x86还是x64版本, 添加到系统PATH环境变量 2. 准备好android sdk 这个不多说,同时推荐使用android studio,模拟器推荐使用Genymotion,比自带的AVD要快很多. 3. 安装C++环境 可以直接安装Visual Studio 2013或2015,也可选择单独SDK,编译node.js的C++模块需要用. 4. 安装node.js 从官网下载node.js, 我下载的

react-native —— 在Mac上搭建React Native Android开发环境

需要:JDK,Android SDK,Node.js 1.安装JDK 去Java官网下载列表选择Mac OS X x64版 2.安装Android SDK 虽然现在谷歌推荐使用Android Studio,但是我还是选择了单独安装Android SDK. 这是一个比较全的目录,上面的链接是官方的,有wall,用下面的基本都是网盘资源,速度还可以,记得修改Android SDK在线更新镜像服务器. PS:在Android SDK Manager里要装API 23的 安装完成后,一定要设置环境变量:

react-native —— 在Mac上配置React Native Android开发环境排坑总结

配置React Native Android开发环境总结 1.卸载Android Studio,在终端(terminal)执行以下命令: rm -Rf /Applications/Android\ Studio.app rm -Rf ~/Library/Preferences/AndroidStudio* rm ~/Library/Preferences/com.google.android.studio.plist rm -Rf ~/Library/Application\ Support/A

在Eclipse中搭建cocos2d-x的Android开发环境(免cygwin)

在突击几天学习Android开发之后,我开始转向cocos2d-x的Android开发了.由于自己以前有了解过cocos2d-x的开发,当时自己也学过不少游戏引擎,觉得cocos2d-x作为一个游戏引擎实在是比较简陋,没想到cocos2d-x现在红得发紫,这是我远远没有想到的.于是也赶赶潮流的末班车,查资料顺利地在Eclipse上搭建cocos2d-x的Androd开发环境. 原创文章,反对未声明的引用.原博客地址:http://blog.csdn.net/gamesdev/article/de

在Eclipse上搭建Cocos2d-x的Android开发环境

很多其它相关内容请查看本人博客:http://www.bokeyi.com/ll/category/cocos2d-x/ 本文的搭建方法是最新最正确的方法,好多朋友反映搭建eclipse交叉编译环境非常复杂又头疼,事实上仅仅是网上的资料太过零散,差一步而谬之千里啊,不多说,假设你看了这篇文章,恭喜你,你省下了至少48小时的生命. 我的操作系统:WIN7 Eclipse版本号:eclipse-jee-kepler-SR2-win32 Cocos2d-x版本号:2.2.3 一.Android环境搭建

在Windows下搭建Cocos2d-X的Android开发环境

在前面的博客中介绍了搭建Windows下的Cocos2d-X开发环境和搭建Windows下的Android开发环境,今天介绍搭建Cocos2d-X下的Android开发环境 在搭建Cocos2d-X下的Android开发环境前,首先要搭建好Windows下的Cocos2d-X开发环境和Windows下的Android开发环境 如果没有搭建好这两个环境可以看本人的博客 搭建Windows下的Cocos2d-X开发环境:http://blog.csdn.net/u010105970/article/

【转】10分钟搭建NDK的Android开发环境

原文网址:http://blog.csdn.net/u012176591/article/details/23018913 作者:金良([email protected]) csdn博客:http://blog.csdn.net/u012176591 1. 安装JDK. 1.1 去官网http://www.oracle.com/technetwork/java/javase/downloads/index.html下载JDK7软件包,我下载的是jdk-7u51-windows-i586.exe.