React Native (1) --- 开发环境的搭建一

1 react native 简介

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

(https://baike.baidu.com/pic/react%20native/20307162/0/d53f8794a4c27d1eceb4a58d10d5ad6edcc438ec?fr=lemma&ct=single)

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时,要选择接受协议,那个按钮有点难发现。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 178,987评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 13,971评论 2 59
  • 碧落三山,隐澜沧之上。夷歌九转,回章华之渊。沧海落,夕影坠,明月之外,云叶扶风,吾披发而长歌,揽九万里苍穹。且...
    阙陵阅读 2,244评论 31 45
  • 启:阴阳通灵魂无界 乾坤合道神有知 挽:一世艰辛数子成 千秋厚德列宗昌 跋:小雪起宵寒,缅怀心焚香...
    冯俊龙阅读 695评论 1 4

友情链接更多精彩内容