首先,确保你电脑时候安装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

以上就完成了。

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐