关于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-android5.  菜单键 - Dev Settings - Debug server host xxx - 设置内网的ip，node的端口号8081，关掉原先node服务，再重新打开react-native run-android

更多专业前端知识，请上【猿2048】www.mk2048.com

关于React-native的介绍以及环境搭建相关推荐

【opencv4】opencv视频教程 C++（opencv教程）1、opencv介绍和环境搭建
下一讲:[opencv4]opencv视频教程 C++(opencv教程)2.加载,修改,保存图像 [opencv_C++] 入门强推!!![B站最全] 文章目录 opencv介绍和环境搭建 open ...
MyBatis-学习笔记01【01.Mybatis课程介绍及环境搭建】
Java后端学习路线笔记汇总表[黑马程序员] MyBatis-学习笔记01[01.Mybatis课程介绍及环境搭建][day01] MyBatis-学习笔记02[02.Mybatis入门案例] M ...
Hadoop学习之整体介绍及环境搭建
Hadoop学习之整体介绍及环境搭建 1 大数据概述 1.1 什么是大数据数据(data)是事实或观察的结果,是对客观事物的逻辑归纳,是用于表示客观事物的未经加工的的原始素材. 大数据:传统处理方 ...
Web应用测试（一）Selenium介绍及环境搭建
Selenium介绍及环境搭建一.背景介绍: (更好的阅读体验,请移步我的个人博客)软件测试比赛刚刚落下帷幕,在空档期,写写这些天的感受.不知不觉参加了好多次软件测试比赛了,开发者测试,移动应用测试 ...
phalapi-入门篇1(简单介绍以及环境搭建)
2019独角兽企业重金招聘Python工程师标准>>> #phalapi-入门篇1(简单介绍以及环境搭建)# ##前言## 先在这里感谢phalapi框架创始人@dogstar,为我 ...
厦门感芯科技MC3172(1):介绍和环境搭建
厦门感芯科技MC3172(1):介绍和环境搭建文章目录厦门感芯科技MC3172(1):介绍和环境搭建 1. MC3172介绍 2. MC3172的开发环境 2.1 首先安装ide 2.2 找到配置 ...
uni-app实战之社区交友APP（1）项目介绍和环境搭建
文章目录前言一.项目介绍二.环境搭建和创建项目 1.开发环境搭建 2.创建uni-app项目三.多端调试环境搭建 1.安卓手机调试配置 2.iOS真机调试配置 3.微信小程序调试配置 4.支付 ...
React Native学习笔记一之搭建开发环境
因为项目需要,今天开始正式学习React Native,先来搭建个开发环境忐忑的心情因为项目比较急,而且客户要求使用React Native开发,只能先学点基础然后在项目中使用的时候,边做边学了, ...
React 360 初体验介绍与环境搭建
React 360 初体验介绍从这章节内容呢,我们来学习并了解下什么是react 360,并使用它来开发一个360度可旋转大屏的案例项目.接下来,我们就一起来逐步揭开它神秘的面纱吧! 我们本章节将会 ...
在ubuntu 14.04搭建React Native for Android开发环境
安装jdk8, 因为android studio 2.x版本需要运行在jdk8环境. 安装nodejs 安装React Native CLI npm install -g react-native-c ...

关于React-native的介绍以及环境搭建

React-Native介绍（后面内容的RN就是指react-native）

RN环境搭建（环境建议装在c盘）

RN脚手架生成项目

关于React-native的介绍以及环境搭建相关推荐

最新文章

热门文章