React Native (android for windows) 第一课 --环境配置 & Hello World

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xujinming0124/article/details/49357773

本篇文章的作用在于帮助你快速上手使用React Native编写android应用。如果你还不太了解React Native是什么以及Facebook为什么要创建React Native,

安装Android SDK
JDK安装最新的
安装Android SDK:
在Linux和Windows:从Android官网下载
可以单独安装Android SDK,也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio(本人使用)。
配置ANDROID_HOME环境变量
1、使用Android Studio:
进入SDKManager(可通过Android Studio菜单Tools-Android-SDK Manager),确保以下项目已经安装并更新到最新:
Tools/Android SDK Tools (24.3.3)
Tools/Android SDK Platform-tools (22)
Tools/Android SDK Build-tools (23.0.1)
Android 6.0 (API 23)/SDK Platform (1)
Extras/Android Support Library(23.0.1)
2、单独安装的Android SDK:
以安装在E:\android-sdk的android sdk为例()。
在设置系统环境变量的地方新建ANDROID_HOME(右键点击我的电脑–>属性–>高级–>环境变量–>系统变量–>新建,注意是“系统变量”而不是“Administrator的用户变量”)
1). ANDROID_HOME=E:\android-sdk(android sdk所在目录),如图-3;
2). 在 path 中加入 %ANDROID_HOME%\tools ,注意不要改变其他文件路径,只需在分号后面加入。
安装node.js&npm
1 、安装node
直接在node.js官网下载最新版本并安装(node.js 要求4.1版本或更高版本。),根据你的系统选择32位或64位的node。
2、 安装npm
http://nodejs.org/dist/npm找到最新的版本。
解压npm,解压到 D:\dev\node\npm
将 node.exe 挪到 D:\dev\node\npm,这样npm就可以调用到node了,当然也可以把node.exe所在目录加入到环境变量的path中
检查是否能正常运行
cd D:\dev\node\npm
node -v
npm -v
安装react-native命令行工具
官方的安装命令:npm install -g react-native-cli
创建项目
进入工作目录并运行命令:react-native init MyProject
耐心等待几分钟,首次运行时间会稍微长一些。
运行packager
进入工程目录,运行:node node_modules/react-native/packager/packager.js
这个是安卓调试的时候需要的一个服务,通过这个服务下载安卓应用的js代码
安卓运行
保持packager开启,另外打开一个命令行窗口,然后在工程目录下运行:react-native run-android

首次运行需要等待数分钟并从网上下载gradle依赖。

运行完毕后可以在模拟器或真机上看到应用自动启动了。

如果gradle依赖下载出现报错,请多试几次,或者设置VPN加速。

如果apk安装运行出现报错,请检查platform-tools是否已经设到了PATH环境变量中,运行adb devices能否看到设备。

至此,应该能看到APP运行,并报错 Unable to download JS bundle

摇晃设备或按Menu键(Bluestacks模拟器按键盘上的菜单键,通常在右Ctrl的左边 或者左Windows键旁边),可以打开调试菜单,点击Dev Settings,选Debug server host for device,输入你的局域网IP,再按back键返回,再按Menu键,在调试菜单中选择Reload JS,就应该可以看到运行的结果了。

猜你喜欢

转载自blog.csdn.net/xujinming0124/article/details/49357773