在Windows上搭建React Native Android开发环境
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了在Windows上搭建React Native Android开发环境,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2206字,纯文字阅读大概需要4分钟。
内容图文
安卓环境配置
安装JDK
安装完成后,使用命令行检查版本 java -version
安装Android Studio 以及SDK
下载AS和SDK,建议使用http://www.androiddevtools.cn/,这里整理得比较清晰,SDK下载可能要使用国内镜像,具体使用上面的网址有介绍。
这里需要注意设置环境变量ANDROID_HOME
1. 打开控制面板,选择系统和安全->系统->高级系统设置->高级->环境变量->新建,变量名填写ANDROID_HOME,变量值填写你把Android SDK解压后放置的位置。
2. 设置PATH 值为 %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
注意 如果你的电脑已经配置了环境变量,要么把安装的SDK安装到配置的目录里面,要么需要修改环境变量的值为最新安装的
安装Git
Windows上请下载并安装https://git-for-windows.github.io/。在安装过程中,请务必记得勾选Run Git from Windows Command Prompt,这样会把Git的可执行程序加入到PATH环境变量中,这样其他程序才能在命令行中正确调用Git。
同样注意,如果已经安装Git,环境变量的替换问题。
安装Node
下载node.js,找好对应的版本,然后去安装就可以了,版本至少要4.1以上。
大家可以通过node -v的命令来测试NodeJS是否安装成功、
注意 在下载的时候因为是国外网站,浏览器经常断开重下,最好复制下载链接使用迅雷/百度云下载
安装React-Native 命令行工具react-native-cli
- 在命令行中进入你希望React Native安装的目录
- 输入git clone https://github.com/facebook/react-native.git,等待下载(较慢)
- clone成功后,进入刚刚目录下的react-native目录下的react-native-cli目录,输入npm install -g
注意 这里需要科学上网工具,免费工具 推荐使用Google蓝灯;如果速度还是太慢可以使用国内淘宝镜像(我自己使用 貌似没有成功)输入命令:
npm install -g cnpm –registry=https://registry.npm.taobao.org
创建项目 react-native init
进入你想创建项目的目录下:
输入react-native init AwesomeProject,很长一段时间,AwesomeProject是他的一个示例项目
下载成功后目录:
推荐使用JetBrains的WebStorm来编写JS代码。免费试用30天,或者破解在线Key [WebStorm注册码获取(http://idea.qinxi1992.cn/)
使用AndroidStudio来编译Android
检查环境变量设置
再次检查Node Git SDK platforms platforms-tools Java 环境变量配置是否正确
运行项目
- 在命令行中进入项目目录,输入react-native start,运行服务器代码。
- 在浏览器中打开http://localhost:8081/index.android.bundle?platform=android,如果得到以下页面,表示服务已经开启
- 不要关闭上一个命令行,新开一个命令行工具,输入react-native run-android.第一次运行因为没有配置Gradle所以会在线下载,比较慢
然后下载完Gradle后:
-如果是真机,第一次运行肯定会报错
需要让手机和电脑处于同一个wifi网络下,然后设置端口信息
注意
- 有些Android手机,运行React Native成功后,只得到一个白屏,什么都没有,这是因为手机的悬浮窗口权限被禁止了,要先去设置页面打开
- 一个项目的react-native start 和 react-native run-android一一对应,不要用项目A开启服务后,却去启动项目B,这样也是可以运行和调试,但是运行中会报错。
- 如果感觉react native init命令执行太慢,可以直接下载项目编译。下载地址ReactNative中文网官方发布完整新项目包
- 长按菜单键,弹出菜单选项进入调试模式
原文:http://blog.csdn.net/zivensonice/article/details/51333039
内容总结
以上是互联网集市为您收集整理的在Windows上搭建React Native Android开发环境全部内容,希望文章能够帮你解决在Windows上搭建React Native Android开发环境所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。