第一 :在天朝如果你可以违规上网的话便可以按 react native 中文网的文档进行安装与调试。地址为:https://reactnative.cn/docs/getting-started.html

第二 :这里记录一下我在没有违规上网 的情况下是如何将react native 安装并运行起来的。

1> 先安装node.js 。这一项如果不会请自行百度。

2> 将 npm 设置淘宝镜像

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

3> 安装 yarn 并设置淘宝镜像

npm install -g yarn react-native-cli

yarn config set registry https://registry.npm.taobao.org --global

yarn config set disturl https://npm.taobao.org/dist --global

4> 安装 Android SDK , 这里介绍一个国内的网站可以下载 Android studio 以及相关的 SDK 与 Tools .

https://www.androiddevtools.cn/

下载 SDK Tools

运行 SDK Manager  勾选 Android 9 (API 20) , Tools中 Android SDK Tools , Android SDK Platform-tools , Android SDK Build-tools 28.0.3.

这里会下载很长一段时间,请务必耐心等待。

配置环境变量:

JAVA_HOME :  C:\Program Files\Java\jdk1.8.0_91

ANDROID_HOME  : C:\Program Files (x86)\Android\android-sdk

将 SDK中的 platform-tools 配置到 Path中

5> 创建react native 项目到D盘 peter 目录下,这里需要等待三到五分钟

cd 到 peter 目录下并执行  react-native init demo --version 0.48.0

6> 下载android 模拟器,我用的是夜神。当第5步完成后,可以执行以下命令

react-native start

新开一个 cmd , 执行 adb connect 127.0.0.1:62001 用于连接夜神模拟器

在新建的项目 android 目录下新建或修改 local.properties 文件并加入 sdk dir 如下

                sdk.dir=C\:\\Program Files (x86)\\Android\\android-sdk

执行 react-native run-android 运行程序。

如果出现报错如: .android/repositories.cfg could not be loaded 。

解决方法: 在这个目录下新加这个文件  如: C:\Users\Administrator\.android\repositories.cfg , 然后再 cd 到 android sdk 的目录

如:C:\Program Files (x86)\Android\android-sdk\tools\bin  运行 sdkmanager --update 当问到 yes/no 时写 y

处理完这些之后,便可 react-native run-android 运行成功。只不过要等待比较长的时间。

要让模拟器连接我们的 react-native ,可以点击两下模拟器上的 摇一摇 , 点击 Dev Setting

React Native 安装的更多相关文章

  1. React Native安装步骤

    先贴出中文网安装指南:http://reactnative.cn/docs/0.46/getting-started.html 本文会点出一些安装时遇到的坑,和解决方案! 1.首先是安装Chocola ...

  2. react native安装遇到的问题

    最近学习react native 是在为全栈工程师而努力,看网上把react native说的各种好,忍不住学习了一把.总体感觉还可以,特别是可以开发android和ios这点非常厉害,刚开始入门需要 ...

  3. React Native安装

    1.安装 1.1 安装Node.js 下载安装即可 1.2 安装Homebrew 终端中执行: $ /usr/bin/ruby -e "$(curl -fsSL https://raw.gi ...

  4. 解决React Native安装应用到真机(红米3S)报Execution failed for task ':app:installDebug'的错误

    报错信息如下: :app:installDebug Installing APK 'app-debug.apk' on 'Redmi 3S - 6.0.1'Unable to install D:\R ...

  5. React Native环境配置和简单使用

    # 前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会 ...

  6. React Native之配置开发环境

    安装前注意: 1)在Max OS X 10.11(El Capitan)版本中,homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题.可以使用下面的命令修复: sudo ch ...

  7. 【React Native开发】React Native For Android环境配置以及第一个实例(1)

    年9月15日也公布了ReactNative for Android,尽管Android版本号的项目公布比較迟,可是也没有阻挡了广大开发人员的热情.能够这样讲在2015年移动平台市场上有两个方向技术研究 ...

  8. React Native 初探

    推荐文章 React Native 简介:用 JavaScript 搭建 iOS 应用 (1) React Native 简介:用 JavaScript 搭建 iOS 应用 (2) React Nat ...

  9. 配置React Native的开发环境

    本文转载自:http://mp.weixin.qq.com/s?__biz=MzIxNjEzNjUzOQ==&mid=402020148&idx=2&sn=ccad14a919 ...

随机推荐

  1. 【模板】多标记 LCT

    代码如下 #include <bits/stdc++.h> using namespace std; typedef long long LL; const int mod = 51061 ...

  2. MyBatis注解开发-@Insert和@InsertProvider

    @Insert和@InsertProvider都是用来在实体类的Mapper类里注解保存方法的SQL语句.不同的是,@Insert是直接配置SQL语句,而@InsertProvider则是通过SQL工 ...

  3. Python的f.seek(offset, whence)函数

    file.seek()方法标准格式是:seek(offset,whence=0)offset:开始的偏移量,也就是代表需要移动偏移的字节数whence:给offset参数一个定义,表示要从哪个位置开始 ...

  4. 【C#】图片处理(底片,黑白,锐化,柔化,浮雕,雾化)

    https://www.cnblogs.com/bomo/archive/2013/03/01/2939453.html --------------------------------------- ...

  5. 【UOJ#228】 基础数据结构练习题

    题目描述 sylvia 是一个热爱学习的女孩子,今天她想要学习数据结构技巧. 在看了一些博客学了一些姿势后,她想要找一些数据结构题来练练手.于是她的好朋友九条可怜酱给她出了一道题. 给出一个长度为 n ...

  6. SpringMVC——返回值类型

    1.void作为返回值类型 如果你的方法写成了Void就跟原来Servlet含义是差不多的 @RequestMapping("/index*") public void first ...

  7. 使用python 将地址链接变成二维码

    import os from MyQR import myqr myqr.run( words='https://sz.ke.com/?utm_source=baidu&utm_medium= ...

  8. fiddler(四)、断点(转)

    前言 先给大家讲一则小故事,在我们很小的时候是没有手机的,那时候跟女神聊天都靠小纸条.某屌丝A男对隔壁小王的隔壁女神C倾慕已久,于是天天小纸条骚扰,无奈中间隔着一个小王,这样小王就负责传小纸条了.有一 ...

  9. CentOS7 安装MySQL8修改密码

    1. 添加MySQL8的本地源 执行以下命令获取安装MySQL源 [root@virde ~]# wget https://repo.mysql.com//mysql80-community-rele ...

  10. spring cloud stream整合

    spring cloud stream整体架构核心概念图: 图一:消息的发送端和接收端可以是不同的中间件 图二: 图三:在消息的发送之前和消息的接收端套了一层管道 @Output:输出注释,用于定义发 ...