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.1

C:\Users\ldj>npm -v
8.3.0

C:\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

看到项目也运行起来了。