一、安装JDK
- 1.1 在该网站http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下载jdk安装包
- 1.2 双击安装
- 1.3 环境变量,系统变量,新建
JAVA_HOME
变量,值为jdk路径(如:D:\Program Files\Java\jdk1.8.0_102) - 1.4 新建
CLASSPATH
变量,变量值填写.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
注意最前面有一个点 - 1.5 找到
Path
变量,编辑,在后面加入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
- 1.6 检测是否配置成功,运行cmd输入
java -version
能显示出java版本出来说明安装和配置成功
二、安装Android Studio
- 2.1 下载Android Studio下载地址
- 2.2 采用默认设置安装
- 2.3 安装完成后,在Android Studio的欢迎界面中选择
Configure | SDK Manager
- 2.4 在
SDK Platforms
窗口中,选择Show Package Details
,然后在Android 6.0 (Marshmallow)
中勾选Google APIs
、Android SDK Platform 23
、Sources for Android SDK
、Intel x86 Atom System Image
、Intel x86 Atom_64 System Image
、Google APIs Intel x86 Atom System Image
、Google APIs Intel x86 Atom_64 System Image
- 2.5 在
SDK Tools
窗口中,选择Show Package Details
,然后在Android SDK Build Tools
中勾选Android SDK Build-Tools 23.0.1
。(必须是这个版本)
- 2.6 环境变量新建
ANDROID_HOME
变量,值为安装的Android SDK
的路径
- 2.7 将手机连接到电脑,在命令行输入
adb devices
看到下图所示即代表成功
三、安装Python 2.7.xx
四、安装Node
五、安装React Native命令行工具
- 5.1
npm install -g react-native-cli
六、测试安装
命令行输入
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
七、遇到的问题
7.1 执行Downloading https://services.gradle.org/distributions/gradle-2.4-all.zip
时报错
解决方法:复制报错的下载链接,用迅雷下载, 将项目地址中的AwesomeProject/android/gradle/wrapper/gradle-wrapper.properties
中的distributionUrl=https://services.gradle.org/distributions/gradle-2.4-all.zip
改为distributionUrl=file:///E:/gradle-2.4-all.zip
(后面为gradle-2.4-all.zip在本地的保存路径)
7.2 遇到Execution Failed for task ':app:processDebugResources'.
问题
解决方法:回到第二步,将2.4步的7个安装包全都安装上
7.3 遇到Execution Failed for task ':app:installDebug'.
问题
:app:installDebug
Installing APK 'app-debug.apk' on 'Redmi Note 2 - 5.0.2'
Execution Failed for task ':app:installDebug'.
解决方法:
+ 7.3.1 进入手机的 设置 关于手机 连续点击 MIUI版本 7次,成为开发者
+ 7.3.2 设置 更多设置 开发者选项 启用USB调试,拉到最底部,关闭 启用MIUI优化,重启手机
+ 7.3.3 将android/build.gradle
文件中的classpath 'com.android.tools.build:gradle:1.3.1'
改为classpath 'com.android.tools.build:gradle:1.2.3'
7.4 程序白屏
解决方法:设置 –> 其他应用管理 –> 已下载 –> 点击AwesomeProject –> 权限管理 –> 显示悬浮窗 –> 允许
7.5 红屏报错
解决方法:摇晃手机,打开调试菜单,点击Dev Settings
,选Debug server host for device
,输入正在运行packager
的那台电脑的局域网IP加:8081,再按back键返回,再摇晃手机,在调试菜单中选择Reload JS
,就应该可以看到运行的结果了。
7.6 adb devices
时出现error: cannot parse version string: kg01
错误
解决方法:
adb kill-server
adb start-server
adb devices
7.7 安装应用时出现INSTALL_PARSE_Failed_INCONSISTENT_CERTIFICATES
错误
解决方法:卸载已经安装了相同的应用
八、参考链接
1.windows下搭建react-native踩过的坑
2.@L_502_3@
3.在Windows下搭建React Native Android开发环境
4.React Nactive 搭建开发环境
5.android - INSTALL_PARSE_FAILED_INCONSISTENT_CERTIFICATES on adb install - Stack Overflow