美文网首页
React Native (1) --- 开发环境的搭建一

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

作者: 十九楼的清风 | 来源:发表于2018-10-02 23:01 被阅读0次

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

    相关文章

      网友评论

          本文标题:React Native (1) --- 开发环境的搭建一

          本文链接:https://www.haomeiwen.com/subject/hipaoftx.html