当前位置: 首页 > news >正文

react-native从入门到实战系列教程一环境安装篇

充分阅读官网的环境配置指南,严格按照他的指导作业,不然你一直只能在web或沙箱环境下玩玩

  • 极快的网络和科学上网,必备其中的一个
  • 较好的心理忍受能力,因为上面一点就可以让你放弃
  • 坚持不懈,努力尝试

成功效果

在这里插入图片描述

三大件

  • 开发工具,as(andriod studio) 官网下载,免费使用
  • avd手机模拟器,也可以真机看自己选择
  • JDK,至少17版本
    在这里插入图片描述
    vdm就是配置模拟器的,按官网的选择版本
    在这里插入图片描述
    sdk的配置,最好不要放在c盘,很吃内存,可以瞬间就让你的c盘爆红,经验之一

在这里插入图片描述
在这里插入图片描述
系统全局环境配置,因为后面在cmd中会用到android的命令,所以要配置下

设置变量名

在这里插入图片描述

path里面进行配置,最下面那行

在这里插入图片描述

创建项目

npx react-native@latest init AwesomeProject

编译并运行 React Native 应用

  • 确保你先运行了模拟器或者连接了真机,然后在你的项目目录中运行yarn android或者yarn react-native run-android:
cd AwesomeProject
yarn android
# 或者
yarn react-native run-android

在这里插入图片描述
可能会经过漫长的等待,会在命令行下载很多东西,切记要忍,还有会奇奇怪怪的错,要会排错!!

然后弹出这个界面,说明你的app已经真正的运行成功了!!!
在这里插入图片描述
这里有个https://services.gradle.org/distributions/资源包的下载链接,可以参考下

果不其然!!!cgs!!!下面就可以愉快的玩耍了
在这里插入图片描述
切记:多尝试几遍,我也是试了好几次,没有科学上网,全靠网速争气!!不要轻易放弃

http://www.lryc.cn/news/406505.html

相关文章:

  • 【Gin】精准应用:Gin框架中工厂模式的现代软件开发策略与实施技巧(下)
  • 国科大作业考试资料-人工智能原理与算法-2024新编-第十二次作业整理
  • 《0基础》学习Python——第二十一讲__网络爬虫/<4>爬取豆瓣电影电影信息
  • 【C++初阶】string类
  • RAS--APEI 报错解析流程(2)
  • 微软蓝屏事件对企业数字化转型有什么影响?
  • 【Gin】精准应用:Gin框架中工厂模式的现代软件开发策略与实施技巧(上)
  • 浅谈Devops
  • 大文件分片上传(前端TS实现)
  • unity2D游戏开发02添加组件移动玩家
  • 设计模式 之 —— 单例模式
  • 深入浅出WebRTC—ULPFEC
  • Python从0到100(四十三):数据库与Django ORM 精讲
  • Redis-主从模式
  • 加速决策过程:企业级爬虫平台的实时数据分析
  • 字典树(前缀树)数组实现(只能查26个单词)
  • CTF-pwn-虚拟化-vmmware 前置
  • thinkphp8结合layui2.9 图片上传验证
  • 农村污水处理难题:探索低成本高效解决方案
  • lightningcss介绍及使用
  • HTTP服务的应用
  • uni-app:踩坑路---scroll-view内使用fixed定位,无效的问题
  • MySQL4.索引及视图
  • MongoDB - 聚合阶段 $match、$sort、$limit
  • ModuleNotFoundError: No module named ‘scrapy.utils.reqser‘
  • vue3+ts+vite+electron+electron-packager打包成exe文件
  • 使用脚本搭建MySQL数据库基础环境
  • Parameter index out of range (2 > number of parameters, which is 1【已解决】
  • rk3588s 定制版 USB adb , USB2.0与USB3.0 区别,adb 由typeC 转换到USB3.0(第二部分)
  • Cookie与Session 实现登录操作