Capacitor的基本使用

一、创建项目:在磁盘的合适目录中进行项目创建

js 复制代码
npm init @capacitor/app@latest
// 按提示输入:App名称、项目目录、包名(如com.example.myapp)

二、进入项目目录

js 复制代码
cd my-app

三、安装依赖

js 复制代码
npm install

四、安装Android平台依赖

js 复制代码
npm install @capacitor/android --save

五、生成Android原生项目

js 复制代码
npx cap add android

六、构建web项目

js 复制代码
npm run build

七、同步Web资源

js 复制代码
// 更新原生依赖(推荐) 
npx cap sync 
// 或仅复制资源(更快,不更新依赖) 
npx cap copy

八、Android Studio打开项目

js 复制代码
npx cap open android
// 也可以手动打开项目:
// Android Studio左上角File → Open → 选择项目根目录下的 **android/** 文件夹
相关推荐
夏幻灵19 分钟前
JavaScript this 面试:五种绑定规则、优先级与常见面试陷阱
开发语言·javascript·面试
三天不学习1 小时前
Egg.js 4 突然爆火,原因是否归结于AI 原生落地需求爆发?
前端·javascript·全栈·egg.js
xcs194052 小时前
前端 vue 的前端页面debugger 进不去
前端·javascript·vue.js
小宋10217 小时前
A2UI从零实战:Agent安全生成交互界面与事件回传
javascript·人工智能·安全·交互
浪潮IT馆7 小时前
Android Studio 非最新版本下载安装教程
android·ide·android studio
大包子7 小时前
structuredClone vs lodash.cloneDeep:核心差异与选型指南
javascript·vue.js
lerhxx8 小时前
AI 应用中的上下文管理 —— 从"上下文窗口"到"分层压缩"的工程实践
前端·javascript
Mahut8 小时前
我在 Mac 上做了个本地剪辑器
javascript·架构·产品
汉堡大王95278 小时前
GPT-6 上线 48 小时,我扒开了 Intelligent UI 的运行机制:DIL、沙箱 Worker 和一个 React 式协调器
前端·javascript·后端
hai_android8 小时前
Chat 聊天模块功能总结
前端·javascript·vue.js