美文网首页iOS Developer
react-native 环境的搭建(包括Android和iOS

react-native 环境的搭建(包括Android和iOS

作者: DontPushMeForev | 来源:发表于2016-11-19 12:22 被阅读0次

先介绍window下搭建Android环境,比较大多数人用的都是Android

先配置java环境变量和sdk的环境变量,Java环境这里就不介绍了,不知道的额=可以去网上百度一下,教程特别的多,至于sdk环境变量的配置的话,具体就是安装,Android studio,可以去官网下载,模拟器的安装,根据自己的喜好,我安装的是 ‘海马玩’模拟器。个人感觉不错

1. 新建一个放置次项目的文件夹,在此文件夹之下打开 git bash,执行npm(cnpm) install react-native-cli -g (有cnpm的话用cnpm,没有的话只能用npm,虽然cnpm比较快,但是cnpm把所有的文件都展开了,显得文件夹十分的大,静静等待他安装完成,这个依赖还是比较小的)。

2. 之后执行 react-native init "文件夹的名字"  注意:这个名字才是真正的native的名称。这个过程十分的漫长,和网速有很大的�关系,而且,npm在国内的网速你懂得(估计被墙了)

3. 安装完上一步之后,先把模拟器打开,如果是海马玩模拟器的话,直接搜索vbox就可 实际路径依据你实际情况

打开配置文件,搜索guestport="5555" ,找到前面一个英文hostport的值,我这里是26944,不知道你那是否相同

cmd 或 git bash 下 输入 adb connect 127.0.0.1:26944

再 react-native run-andriod  就可以打包到模拟器了  事实刷新也ok了

Mac环境的搭建

前两步都是一样的,第三部,因为Mac有自带的xcode所以根本不需要安装模拟器(贴心啊,有木有),之后再native的文件夹下找到ios文件夹,里面有一个以  “xcodeproj”结尾的文件,用xcode打开,之后执行,react-native run-ios 就可以运行啦!

相关文章

  • react-native 环境的搭建(包括Android和iOS

    先介绍window下搭建Android环境,比较大多数人用的都是Android 先配置java环境变量和sdk的环...

  • f8app 运行环境

    环境要求 Node React Native :iOS和Android的配置环境。React Native环境搭建...

  • RN学习记录

    了解RN 2018-2-8 (3h)搭建环境 搭建了Mac下的Android和iOS的开发环境环境搭建 2018-...

  • React-Native 入门之组件属性(三)

    React-Native开发环境搭建完成,本文运行演示环境以iOS为例;(开发环境配置见:https://www....

  • 常用的技术网址

    windows版本搭建安装react-native环境配置 Android 发布开源库到 JitPack、jCen...

  • RN热更新-相关-

    基于微软服务-搭建RN环境。 ios和Android的环境都已经在分支“20190513_feature_hot_...

  • rn

    1.rn的环境搭建(mac) 在iOS项目中添加rn yarn add react-native 报错 Fetch...

  • [bug]reactNative 环境搭建 出现react-na

    reactNative 环境搭建 出现 react-native:command not found 和 zsh:...

  • ionic 开始

    环境搭建 关于ionic的环境搭建,我这儿就不赘述了,详情移步官方文档PS:android,ios相关开发环境的搭...

  • [React-Native]React-Native for A

    React-Native for Android(一):开发环境搭建 概述 软件开发中,选择怎样的开发工具是很重要...

网友评论

    本文标题:react-native 环境的搭建(包括Android和iOS

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