学校网站维护怎么做,长沙网站建设长沙,东莞专业微网站建设价格,网站广告动态图怎么做ReactNative系列文章#xff1a;
1.《逻辑性最强的React Native环境搭建与调试》
2.《ReactNative开发工具有这一篇足矣》 正文
React Native#xff08;以下简称RN#xff09;#xff0c;已经“火”了好一段时间了#xff0c;网上的资料相对也很丰富#xff0c;只是一…ReactNative系列文章
1.《逻辑性最强的React Native环境搭建与调试》
2.《ReactNative开发工具有这一篇足矣》 正文
React Native以下简称RN已经“火”了好一段时间了网上的资料相对也很丰富只是一直迟迟没有发布1.0不过出身豪门Facebook的RN和国内顶级互联网公司对于RN的实践与应用就足矣证明其实力!
本文分为以下几个部分 一、环境搭建 二、APP调试与运行 三、扩展知识
一、环境搭建
系统配置Win10
模拟器Visual Studio Emulator for Android可以脱离VS单独安装也可以使用其他其他模拟器或真机调试
环境搭建分为两个部分
1、Android开发环境搭建之前已经设置过可以跳过此步骤
2、RN开发环境搭建
1、Android开发环境搭建
①、安装JDK具体步骤不详述可以使用Java -version来检测一下
②、安装Android SDK需要设置环境变量ANDROID_HOME Android SDK Manage安装位置ex:ANDROID_HOME E:\android\sdk
③、设置Android SDK需安装已下项
Android SDK Build-tools version 23.0.1Android 6.0 (API 23)Android Support RepositoryLocal Maven repository for Support Libraries
如图
2、RN开发环境搭建
①、安装node环境https://nodejs.org/en/点击下载V6.xxx安装即可
②、安装Githttps://git-for-windows.github.io/点击下载安装即可
③、安装RN脚手架npm i react-native-cli -g
到此为止环境已经搭建完成。
二、APP调试与运行
1、创建项目 react-native init demo1
2、安装依赖包 进入demo1根目录执行npm i
3、启动服务器 react-native start 等一段时间用浏览器访问http://localhost:8081/index.android.bundle?platformandroid可以访问即启动完成启动之后不能关闭
4、安装app react-native run-android 在输入此命令前要先打开模拟器或连接真机第一次启动非常慢需要下载gradle也可以手动下载gradle安装。 以下为扩展内容可忽略 如果安装失败或者不想等太长时间点击 https://services.gradle.org/distributions/下载放入C:\Users\用户名\.gradle\wrapper\dists\gradle-2.14.1-all\8bnwg5hd3w55iofp58khbp6yv 如果手动安装需要执行react-native run-android重新启动
5、运行调试app 本人用的是Visual Studio Emulator for Android模拟器运行的真机或其他模拟器相同第一次运行会出现错误如图 解决方案设置IP和端口具体操作摇一摇手机Visual Studio Emulator for Android模拟器如图 如上图点击更多工具 加速计 点击播放模拟摇一摇点击Dev Settings后点击Debug server host port for device,设置IP和端口这个时候返回是空白再次点击摇一摇选择Reload JS程序就显示出来了如图 三、扩展知识重要每次修改完程序都要摇一摇Reload很麻烦这个时候有一个很方便的做法开启热加载改动完之后即可在app自动更新设置如图 设置完之后就可以愉快的编写代码了所编即所得的及时反馈着实好用也大大节省了调试成本 更多详情请移驾http://reactnative.cn/docs/0.45/getting-started.html 常见问题
问题1小米手机不能识别设备安装不了调试包
解决方案设置 》 开发者选项 》 关闭“启动MIUI优化”
