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

React Native +Taro创建项目,开发Android

首先,确保你电脑时候安装node.js和 npm,建议版本

node 20.19.2
npm 10.8.2

使用npm或者yarn全局安装@taro/cli,个人建议使用yarn(npm服务器在国外,所以比yarn慢),如果没有安装yarn的话,可以使用全局安装:npm install -g yarn。

全局安装@taro/cli

yarn install -g @tarojs/cli@4.0.1

查看Taro全部版本信息

npm info @tarojs/cli

项目初始化

使用命令创建模板项目:

taro init myApp

选择模板的时候,选react-native

这样我们就创建好了项目。

进入到根目录
cd myApp使用 yarn 安装依赖
yarn install

React Native 端开发流程

Taro 开发 React Native APP,提供了两种模式:集成模式和分离模式,下面演示集成模式

集成模式:

# 更新相关依赖。在初始化完成后或 Taro 版本更新后执行,用于同步 peerDependencies。
$ yarn upgradePeerdeps# 打包 js bundle 及静态资源。在初始化完成后执行,用于打包默认使用的 bundle。platform 可选 ios, android
$ yarn build:rn --platform android# 启动 bundle server
$ yarn start# 启动 iOS
$ yarn ios# 启动安卓
$ yarn android

配置Android环境

下载Android Studio地址:下载 Android Studio 和应用工具 - Android 开发者  |  Android Developers

下载Android JDK 地址:Latest Releases | Adoptium

在开发中解决Gradle下载速度慢:

找到根目录下android>gradel>wrapper>gradle-wrapper.properties,找到

distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-7.5.1-all.zip

之后再重新命令运行:yarn android

以上就完成了。

相关文章:

  • Lombok常用注解总结
  • HW蓝队工作流程
  • 为什么你的vue项目连接不到后端
  • 【机器学习实战笔记 12】集成学习:AdaBoost算法
  • Odoo 18 固定资产管理自动化指南
  • 基于深度学习的智能图像超分辨率技术:技术与实践
  • 【Python进阶系列】第10篇:Python 项目的结构设计与目录规范 —— 从脚本到模块,从混乱到整洁
  • LeetCode热题100—— 118. 杨辉三角
  • 关于ubuntu环境下vscode进行debug的随笔
  • Self-supervised Learning(BERT/GPT/T5)
  • Mac中Docker Desktop无法使用,可使用OrbStack
  • 前端页面Javascript数组
  • 25.Hybrid+安卓项目调试方法
  • Java素数筛法:BitSieve类的精妙设计
  • 【无标题】对拓扑对偶框架关键质疑的深度解答
  • 【Java学习笔记】线程基础
  • 【Dify 案例】【自然语言转SQL案例】【五】【实战二】【财务管理查询商品信息数据】
  • 有哪些东西东西时间越长越值钱?做哪些事时间越长越值钱?伪长期增值陷阱​ 打造财富复利成长策略
  • 第十三章 模板
  • Spring Aop @AfterThrowing (异常通知): 使用场景
  • 手机兼职平台网站开发/网络营销到底是干嘛的
  • 哪个不是网站开发工具/网站开发的流程
  • 营销型企业网站包括哪些类型/seo网站关键词排名快速
  • 设计网站建/某一网站seo策划方案
  • 济南专业网站建设咨询/搜索关键词排名优化
  • 天猫店铺转让/电脑系统优化软件哪个好用