npx react-native init AwesomeProject

直接推荐使用官方文档的搭建开发环境
文档说明的已经很细致了
主要注意的是安装Android Studio模拟机的问题,这里官方文档没有着重说明

选择模拟器

在这里插入图片描述
选择一个进行Download 最好下载对应你的android sdk版本 API Level
在这里插入图片描述

在这里插入图片描述
Finish安装

在这里插入图片描述

下载haxm

点击运行会让你安装haxm installer 你需要去Github官方地址去下载

开启虚拟化

下载安装会提示你开启VT虚拟化技术
检测你是否开启了虚拟化
在这里插入图片描述
没有开启是安装不了的,需要去BIOS中开启,这里推荐查看 360操作说明
开启再进行安装haxm就可以了
安装完再去运行模拟机就可以打开了

项目运行

Run 'app'打开你导入的react-native项目中的android文件夹
在这里插入图片描述
在项目文件使用终端执行

npm run android

你可以在Vscode编写代码
修改代码支持热重载
在这里插入图片描述
该项目我会放在Github仓库

git clone https://github.com/skywalk94/react-native-app-demo.git
Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐