初学react-native，找了一个课程，使用0.40版本，而现在默认自动安装最新版本0.55，这给我添了不少麻烦，环境配置上也踩了好多坑，好不容易跑通，必须总结一下

1. 安装JDK 1.8（暂不支持更高版本），配置环境变量

win10系统，点击开始在菜单，直接打字：环境变量

点击新建

JAVA_HOME : C:\Java\jdk1.8.0_171（你安装java的位置）

CLASSPATH : .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;（注意前面有个‘.’）

Path 中添加 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

这样java环境配置完成。

2. 安装android Studio，配置sdk和环境变量

单击configure，选择sdk manager

选择三个必选项，如下3个图片

记住sdk目录，用来配置环境变量

点击ok，Android会下载所需的SDK

配置环境变量

ANDROID_HOME ： C:\Users\ze258\AppData\Local\Android\Sdk

Path ：中添加两行，分别是

C:\Users\ze258\AppData\Local\Android\Sdk\tools

C:\Users\ze258\AppData\Local\Android\Sdk\platform-tools

配置好环境变量后，就可以在cmd中使用adb命令

3. 安装夜神模拟器，开启开发者选项

点击设置按钮，点击进入最下面的关于平板电脑

点击5次版本号，就可以开启开发者选项

返回上一级，进入开发者选项

开启USB 调试

打开cmd，输入

adb start-server 启动adb

adb devices 查看已经连接的模拟器

4. 安装node.js

5. 在cmd界面搭建react-native 环境

安装react-native-cli脚手架，和yarn工具

cmd中输入命令：npm install -g yarn react-native-cli

给yarn设置淘宝源

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

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

6. 创建指定版本的react-native项目

因为我买的课程使用了0.40.0版本的react native，所以需要指定版本

cmd中输入命令： react-native init AwesomeProject --verbose --version 0.40.0

进入项目： cd AwesomeProject

在android/app/src/main目录中创建assets文件夹

然后在根目录中执行如下命令

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

assets目录中会生成几个文件

7. 启动react-native项目

cmd中输入命令：react-native run-android

模拟器中会装载并启动项目，并弹出React Packager终端，点击模拟器右上角摇一摇，弹出app配置选项，选择dev setting

选择Debug server host & port for device选项

输入电脑IP:8081

IP可以在cmd中输入ipconfig后看到，端口跟React Package中提示的端口一致：8081

然后修改项目代码，检测模拟器是否可以加载，点击Enable Live Reload，开启热加载

react-native 0.40.0 环境搭建踩坑全记录相关推荐

HyperLPR 开源车牌识别系统搭建踩坑全记录
(介绍略) 一个开源的车牌识别系统. github地址:https://github.com/szad670401/HyperLPR 一.下载 git clone https://github.com ...
Jetson Nano配置踩坑全记录
Jetson Nano配置踩坑全记录 Jetson Nano相关参数:JetPack 4.6,cuda 10.2, SD卡内存:512G 一.Jetson Nano系统镜像烧录在Nvidia官网下载 ...
vue在微信里面的兼容问题_详解Vue微信公众号开发踩坑全记录
本文介绍了Vue微信公众号开发踩坑全记录,分享给大家,也给自己留个笔记. 需求微信授权登录(基于公众号的登录方案) 接入JS-SDK实现图片上传,分享等功能现状及难点采用的Vue框架,前后端分 ...
imx6开发环境搭建之yocto全记录(L4.1.15_2.0.0)
最近才开始玩imx6,本来是不打算搞yocto的,毕竟有官方渠道可以下载uboot和kernel(下面会说到),为什么要干这种吃力不讨好的事情?然而当我玩到了qt5移植的时候,却发现网上各种imx6移 ...
linux ubuntu安装pytorch（深度学习环境搭建记录，无sudo权限）踩坑全记录
一些牢骚:深度学习没怎么学习几次,搭建环境已经把我搞秃了哈哈哈. 之前在网上找到的搭建环境的步骤,我没有root权限,很多操作都不行(比如运行.run文件,cuda 和cudnn的安装和修改也需要ro ...
windows10 kafka 环境搭建踩坑记录
一.下载网站 http://kafka.apache.org/downloads 选择二进制下载二.启动方式分别启动Zookeeper.Kafka .\bin\windows\zookeeper- ...
atlas200dk开发板环境搭建踩坑
一.安装VMWare12虚拟机安装包: 安装教程:https://jingyan.baidu.com/article/37bce2beb3c36f1002f3a22d.html 安装完成: 二.在虚 ...
BearPi_HM Nano开发板环境搭建踩坑
出现的的指令建议直接复制使用请保证网络状态良好保持心态良好我本次开发选择的是本地的实体机加上虚拟机,都是在本地环境,没有使用云服务器部署如果使用云服务器的话,服务器可能已经配置好了相关的一些云 ...
g++ linux 编译开栈_方舟编译器编译hello world踩坑全记录
闲来无事,看到方舟编译器完整开源,于是打算拿来试着编译一个东西来,接下来把踩过的一些坑记录一下. 参考文档方舟编译器的官网是 OpenArkCompilerwww.openarkcompiler. ...
VNPY回测踩坑全记录
自从用上VNPY,我就感觉永无宁日,这坑多的,我感觉都快把地球挖穿了,我把我遇到的坑写一下吧,希望大家以后别踩到. 安装VN Studio 这是官方推荐的傻瓜式按照,相当于把VNPY变成一个软件包,一 ...

react-native 0.40.0 环境搭建踩坑全记录