搭建JAVA开发环境
依据操作系统分为x86或x64位的。下载jdk1.8以上的版本号。
本机安装时的java版本号:jdk-8u45-windows-x64.exe
配置JAVA的环境变量
JAVA_HOME = C:\Program Files\Java\jdk1.8.0_45
CLASSPATH = .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
path 添加;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
安装Android Studio
本机安装时的Android Studio版本号:androidstudio1.5.0.0.1454148047.exe
添加Android SDK的环境变量配置
ANDROID_HOME = D:\Android\sdk
path 添加 ;%ANDROID_HOME%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
安装NodeJS开发环境
安装流程參考:http://blog.csdn.net/itpinpai/article/details/48103845
安装Git版本号控制
本机安装时的Git版本号:Git-1.9.5-preview.exe
安装流程參考:http://blog.csdn.net/itpinpai/article/details/48105445
安装虚拟机
这个软件须要在官网上注冊一个账号,先注冊才干下载。官网地址:www.genymotion.com/
安装React-native-cli
npm install -g react-native-cli
初始化项目
react-native init reactNative
启动项目
react-native start
执行上句命令后打开以下这个连接
http://localhost:8081/index.android.bundle?platform=android
页面如图上:
这个页面的说明android项目没有编译成功
须要删除项目(MyProject)下的这个路径下的文件:MyProject\node_modules\react-native\node_modules\react-transform-hmr\node_modules\react-proxy\node_modules\react-deep-force-update\.babelrc
例如以下图:
关闭cmd窗体,再次打开执行react-native start 回车
打开刚才输入的连接地址页面显演示样例如以下截图
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />
执行react-native start 可能会报例如以下图错:
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />
解决的方法:
改动这个文件F:\reactNative\MyReact\node_modules\react-native\packager\react-packager\src\DependencyResolver\FileWatcher\index.js
把原来的
const MAX_WAIT_TIME = 120000;
改动为
const MAX_WAIT_TIME = 120000000;
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />
执行 android app
react-native run-android
执行可能须要一些时间。要耐心等待
安卓调试
眼下Windows下无法自己主动打开chrome进行调试,所以手动打开chrome,訪问例如以下地址: http://localhost:8081/debugger-ui 就可以。