关于React-native的介绍以及环境搭建
React-Native介绍(后面内容的RN就是指react-native)
由facebook公司推出的,基于react,能开发原生app
原理:
1. 利用react框架写好js代码
2. 利用python、C++把我们的js代码,翻译成java代码
3. 利用android-SDK把我们的java源代码打包编译成apk
4. 可以运行在模拟器上
只要搭建好环境,以上内容都是android-sdk帮我们完成
RN环境搭建(环境建议装在c盘)
开始需要装两个全局包
cnpm i -g yarn react-native-cli
1. 安装java环境
* 下载jdk8
注意:jdk包括了jdk和jre
* 在系统环境变量里面新建一个JAVA_HOME的系统变量,值为jdk的路径C:\Program Files\Java\jdk1.8.0_144
* 在path里新增两个值%JAVA_HOME%\bin,%JAVA_HOME%\jre\bin
* 然后cmd运行java -version和javac,如果出现版本号或者没说找不到,就代表ok了
2. 安装python环境
* 去360软件管家里面下载
* 安装时候记得勾选安装到path中,英文好像叫 allow add xxx to path,它会自动添加到系统环境变量
3. 搭建android环境
下载android-sdk,将Android丢到c盘下
4. 安装模拟器
我推荐用夜神模拟器
RN脚手架生成项目
创建新文件夹
打开命令窗口
react-native init projectname
运行项目流程:
1. 在模拟器的开发者模式中,打开usb调试(打开开发者模式需要连续点击版本号)
2. 电脑连接模拟器
adb connect 127.0.0.1:62001
通过adb devices看是否连接上模拟器
3. 找到android->gradle->wrapper->gradle-wrapper.properties修改distributionUrl=file:///C:/Android/gradle-2.14.1-all.zip,不改也行,会自动用网上的资源
4. 切换到项目根目录
通过react-native run-android
5. 菜单键 - Dev Settings - Debug server host xxx - 设置内网的ip,node的端口号8081,
关掉原先node服务,再重新打开react-native run-android
关于React-native的介绍以及环境搭建的更多相关文章
- react native window下的环境搭建和调试方案
这几天使用react native开发app,遇到一些坑,先记录下来,以后再继续补充 环境搭建 打开react native中文网,发现环境搭建特么也太复杂了,安装各种插件/软件,对于我们 编辑器+浏 ...
- react native下android开发环境搭建
关于react native环境搭建我也是参考这篇文章的,但我这里就出现了很多在这篇文章里没有出现的问题,也是坑比较多.但最后在一位大神的帮助下还是成功运行了. 1.第一个坑就是有些文件下载需要VPN ...
- React Native从零到一搭建开发环境
React Native从零到一搭建开发环境 ReactNative环境搭建 安装Homebrew 安装rvm 安装nvm 安装node 安装react-native-cli 安装watchman i ...
- React Native 简介:用 JavaScript 搭建 iOS 应用(2)
[编者按]本篇文章的作者是 Joyce Echessa--渥合数位服务创办人,毕业于台湾大学,近年来专注于协助客户进行 App 软体以及网站开发.本篇文章中,作者介绍通过 React Native 框 ...
- React Native 简介:用 JavaScript 搭建 iOS 应用 (1)
[编者按]本篇文章的作者是 Joyce Echessa--渥合数位服务创办人,毕业于台湾大学,近年来专注于协助客户进行 App 软体以及网站开发.本篇文章中,作者介绍通过 React Native 框 ...
- Python介绍及环境搭建
摘自http://www.cnblogs.com/sanzangTst/p/7278337.html Python零基础学习系列之二--Python介绍及环境搭建 1-1.Python简介: Py ...
- Django 01 django基本介绍及环境搭建
Django 01 django基本介绍及环境搭建 #http服务器 #用来接收用户请求,并将请求转发给web应用框架进行处理 #Web应用框架 #处理完请求后在发送给http服务器,http服务器在 ...
- [springboot 开发单体web shop] 1. 前言介绍和环境搭建
前言介绍和环境搭建 简述 springboot 本身是为了做服务化用的,我们为什么要反其道使用它来开发一份单体web应用呢? 在我们现实的开发工作中,还有大量的业务系统使用的是单体应用,特别是对于中小 ...
- App自动化测试-1.App自动化介绍和环境搭建
App自动化测试-1.App自动化介绍和环境搭建 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-b ...
- Maven介绍及环境搭建
Maven介绍及环境搭建 Maven是基于项目对象模型(POM),可以通过一小段描述信息来管理项目的构建.报告和文档的软件项目管理工具. 下载Maven boot:类加载器框架,Maven使用它加在自 ...
随机推荐
- php常用字符串和例子
//输出一个或多个字符串 //注:echo 不是一个函数(它是一个语言结构), 因此你不一定要使用小括号来指明参数,单引号,双引号都可以 $a = "admin1"; $b = & ...
- 很实用的html meta标签实现页面跳转
就算你是有很多年开发经验的web开发工程师,有着很多web开发经验,对于先进的web开发技术有着很深刻的研究,然而你却忽略了那些最最基础的东西!现在我来问你,你是否对html所有的标签都能熟练的使用呢 ...
- SDWC2017游记
果然我还是那么弱啊.——$Mingqi_H.$ Day -1 下午五点半回家.然而并没有什么事情可做.依旧是下载$Magical\,Mirai$,找一个黄油存起来. emmm...本来是打算去开发区那 ...
- 2018 noip 备战日志
我是写给自己看的…… Day1 10.8 今天开始停晚修课了,开始认真备战考试了. 今天晚上效率不错,竟然不会累,应该是平时一直这个时间写作业大脑高度集中, 现在换了编程也一样可以集中到这个状态 一些 ...
- java并发之停止线程
停止一个线程意味着在任务处理完任务之前停掉正在做的操作,也就是放弃当前的操作.停止一个线程可以用Thread.stop()方法,但最好不要用它.虽然它确实可以停止一个正在运行的线程,但是这个方法是不安 ...
- isap算法模板poj 1273gap+弧优化 最大流
几个比较好的博客 http://www.renfei.org/blog/isap.html http://kenby.iteye.com/blog/945454 http://blog.csdn.ne ...
- LDA 两种含义
关于LDA有两种含义,一种是线性判别分析(Linear Discriminant Analysis),一种是概率主题模型:隐含狄利克雷分布(Latent Dirichlet Allocation,简称 ...
- 手动搭建HTTP下载站点
手动搭建HTTP下载站点 index.jsp <%--Listfile.jsp--%> <%@ page import="java.io.File,java.text.Si ...
- objective-c 中数据类型之四 字典(NSDictionary)
// 1. 字典初始化.赋值方式1 NSMutableDictionary *m_dictionary = [[NSMutableDictionary alloc] initWithCapacity: ...
- Myeclipse快捷键备忘
1.编辑类 Ctrl+定义好的类名 链接到你定义好的类的窗口 Ctrl + / 为选中的一段代码加上或去掉注释符 // (必须选中代码块) Ctrl ...