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

最新推荐文章于 2024-06-08 17:39:03 发布

一个java开发

最新推荐文章于 2024-06-08 17:39:03 发布

阅读量3k

点赞数

分类专栏： react-native 文章标签： react native

本文链接：https://blog.csdn.net/hebian1994/article/details/122011475

版权

1 篇文章 0 订阅

订阅专栏

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

需要node16以上版本

安装node

完成，检查

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，如下文

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

看到项目也运行起来了。

关注

专栏目录