1 react native 简介
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。
React Native使你能够在Javascript和React的基础上获得完全一致的开发体验,构建世界一流的原生APP。
React Native着力于提高多平台开发的开发效率 —— 仅需学习一次,编写任何平台。(Learn once, write anywhere)
Facebook已经在多项产品中使用了React Native,并且将持续地投入建设React Native。
2. 开发环境的搭建
安装node.js(此步骤省略,很容易有,windows下官网上下载好安装包,直接下一步下一步安装就可以了)
检查npm的版本号判断是否安装成功,然后执行命令npm install -g react-native-cli
出现红色箭头所指向,证明安装初始化成功
我们可以用react-native --help查看相关命令
可以用init初始化项目,-h查看帮助,-v查看版本
安装安卓开发工具AndroidStudio
安装AndroidStudio我们可以到Android开发者官网进行下载:http://developers.android.com/index.html(因为Android开发者官网的服务器设在国外,国内没有翻墙的用户通常情况下是无法打开的,为此谷歌在2016年开发者大会上公布了https://developer.android.google.cn/,这个特别为中国的Android开发者推出的官网,有中文界面,不过目前官方文档还是英文的居多。)
创建第一个React Native应用
初始化一个React Native应用,我们可以通过React Native命令行工具来完成,打开终端输入并运行下面命令:
react-native init <项目名字>
由于初始化项目时间过长(因为是从国外拉取的,可以使用淘宝镜像拉取,在后面加上--registry=https://registry.npm.taobao.org)
初始好的项目目录
第一种,通过虚拟机进行项目运行,开始运行安卓项目,首先先用虚拟机进行启动,安装虚拟机(https://www.genymotion.com/download/),下载安装好虚拟机然后启动
第二种,通过Android Studio启动项目
安装Android Studio之前,我们需要先安装一个JDK(java的安装包):
<u>http://www.oracle.com/technetwork/java/javase/downloads/index.html</u>
根据自己的系统选择即可,注意在安装JDK时,要选择接受协议,那个按钮有点难发现。
网友评论