Capacitor的基本使用

billy_huang2026-04-21 16:01

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

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/** 文件夹