Android APP项目打包操作指南

1.下载 Node.js

复制代码
# 检查版本号
node -v
npm -v

2.安装 Capacitor 命令行工具(CLI/ Android)

复制代码
npm install -g @capacitor/cli
npm install @capacitor/android

3.为你的项目创建一个目录并进入

复制代码
# 在D盘创建并进入项目文件夹
D:
mkdir gomoku-mobile
cd gomoku-mobile

4.在项目文件夹中创建 Capacitor 应用

复制代码
npx @capacitor/create-app

5.替换默认页面文件

覆盖 ​ scr文件夹内默认的 index.html文件。

6.构建同步打包

复制代码
# 进入项目目录
cd my-app

# 安装项目依赖
npm install

# 构建项目,生成 dist 目录
npm run build

# 添加Android平台
npx cap add android

# 同步到原生项目
npx cap sync
npx cap copy android

# 打开Android Studio进行最终打包
npx cap open android

7.生成APK

在Android Studio中:Build ​ → Build Bundle(s)/APK(s) ​ → Build APK(s)

APK路径:android/app/build/outputs/apk/debug/app-debug.apk

相关推荐
传奇开心果编程2 天前
【Jetpack Compose基础语法学与练】第8课 rememberSaveable,页面旋转/系统重建保留状态
android·学习·ui·kotlin·android jetpack
传奇开心果编程2 天前
【Jetpack Compose基础语法学与练】第7课 if条件渲染 + 列表基础(LazyColumn)
学习·ui·kotlin·android jetpack
传奇开心果编程2 天前
【Jetpack Compose基础语法学与练】第9课 SideEffect副作用 + LaunchedEffect,处理异步任务和生命周期
android·学习·ui·kotlin·android jetpack
惟恋惜3 天前
第 3 章 · 列表、滚动与 Lazy 深入:告别 RecyclerView 思维
ui·android jetpack
传奇开心果编程4 天前
【Jetpack Compose基础语法学与练】第6课 TextField文本输入,字符串状态与输入交互
学习·前端框架·kotlin·android jetpack
alexhilton9 天前
从零开始的架构测试套件
android·kotlin·android jetpack
惟恋惜9 天前
第 2 章 · 布局与 Modifier 语义:用代码画界面(下篇)
android jetpack
天空之城--10 天前
Android Jetpack Compose 状态管理浅析
android·android jetpack
我命由我1234511 天前
Android Compose 开发,使用 ConstraintLayout,但是引入的是旧的 ConstraintLayout
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
我命由我1234511 天前
Android 开发问题:android.permission.CAMERA...duplicated with element declared at
android·java·java-ee·android studio·android jetpack·android-studio·android runtime