react-native0.66==windows环境搭建、demo测试

官网目前最新版本为0.66版本

需要node16以上版本

安装node

node==node10安装和环境配置(自用)_hebian1994的博客-CSDN博客

完成，检查

Microsoft Windows [版本 10.0.22000.318]
(c) Microsoft Corporation。保留所有权利。C:\Users\ldj>node -v
v16.13.1C:\Users\ldj>npm -v
8.3.0C:\Users\ldj>

安装andro studio,版本2020.3.1.26.主要目的是利用他安装Android SDK，如下文

Android Studio的安装，史上最详细(超多图)！！_iterhuiの博客-CSDN博客_android studio安装

SDK安装目录

E:\DevelopFront\Sdk

将SDK配置到环境变量，react-native项目启动时会自动识别到SDK并启动Android虚拟机

ANDROID_HOME

E:\DevelopFront\Sdk

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin

================================================

下面开始搭建react-native 官网demo，名字AwesomeProject

win+x以管理员身份打开控制台

CD到想要新建项目的文件夹下

执行

npx react-native init AwesomeProject

新建完成后运行项目，会自动打开SDK显示项目运行效果，会自动弹出两个控制台窗口和手机界面

cd AwesomeProject
yarn android
# 或者
yarn react-native run-android

=======================================================

查看项目结构

修改app.js内容，

在开发者菜单中按两下 R 键，就可以在模拟器看到最新修改。

关掉三个窗口结束运行。

==============================================================

用VSCODE打开项目文件夹，新建终端，执行命令

yarn android

看到项目也运行起来了。

react-native0.66==windows环境搭建、demo测试相关推荐

mysql安装连接测试c_C连接MySQL数据库开发之Windows环境搭建及测试_MySQL
一.开发环境 Win8.1 64位.VS2013.MySQL5.5.3764位 MySQL安装目录为:C:/Program Files/MySQL/MySQL Server 5.5二.配置工程环境首 ...
Tensorflow object detection API 搭建属于自己的物体识别模型１环境搭建与测试
https://blog.csdn.net/dy_guox/article/details/79111949 后续博客地址(附带视频教程) ------------------------------ ...
WIN10python3.7配置MaskRCNN环境及demo测试（tensorflow-gpu1.x）
WIN10python3.7配置MaskRCNN环境及demo测试(tensorflow-gpu1.x) 一.工具二. 环境搭建三.下载mask_R-CNN 四.运行demo进行测试 #本文参考了 ...
tensorflow环境下的识别食物_Tensorflow object detection API 搭建属于自己的物体识别模型——环境搭建与测试...
1.开发环境搭建 ①.安装Anaconda 建议选择 Anaconda3-5.0.1 版本,已经集成大多数库,并将其作为默认python版本(3.6.3),配置好环境变量(Anaconda安装则已经配 ...
高通平台上的AMSS(Modem端) windows环境搭建
高通平台上的AMSS(Modeom端)Windows环境搭建一.首先简单介绍一下,高通平台7&8系列平台的软硬件架构. 如图: 硬件上采用的是ARM9+ARM11(最新的采用Cotex-A8 ...
Windows环境搭建WeGame饥荒专用服务器（详细版）
Windows环境搭建WeGame饥荒专用服务器前言饥荒专用服务器获取cluster_token令牌注册许可证书文件配置路径配置根目录 cluster.ini文件配置地面服务器(Mas ...
Windows环境搭建 Gitlab 服务器
Windows环境搭建 Gitlab 服务器 01 背景新公司测试部门目前没有专门的代码管理工具,出于管理方便,我在 Window10上搭建了Git 服务器,用于日常各项目自动化脚本的管理. 02 ...
高通平台上的AMSS（Modeom端）Windows环境搭建
高通平台上的AMSS(Modeom端)Windows环境搭建一.主要介绍如何建立AMSS代码的编译环境编译AMSS的source有两种方式:一是在windows下编译 ,另一是在linux下编译. ...
【LoRa32U4II】介绍以及基于Arduino IDE编译环境搭建及测试
目录 LoRa 模块LoRa32u4 II介绍 LoRa32u4 II 资料下载 LoRa32u4 II 规格介绍 LoRa32u4 II 脚位说明编译环境介绍电脑系统编译软件 Arduino需 ...
windows环境搭建web服务器（IIS）
windows环境下如何搭建web服务器,百度或者谷歌一下都会有很多教程和资源可以参考.这里我也记载一下过程,便于大家参考.至于什么是web服务器,为什么需要web服务器,这里不太明白的也可以百度一下 ...

react-native0.66==windows环境搭建、demo测试

react-native0.66==windows环境搭建、demo测试相关推荐

最新文章

热门文章