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

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

需要node16以上版本

安装node

完成，检查

Microsoft Windows [版本 10.0.22000.318]
(c) Microsoft Corporation。保留所有权利。

C:Usersldj>node -v
v16.13.1

C:Usersldj>npm -v
8.3.0

C:Usersldj>

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

SDK安装目录

E:DevelopFrontSdk

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

ANDROID_HOME

E:DevelopFrontSdk

%ANDROID_HOME%platform-tools
%ANDROID_HOME%emulator
%ANDROID_HOME%	ools
%ANDROID_HOME%	oolsin

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

下面开始搭建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

看到项目也运行起来了。