魔术桌
  • 更新日志
  • 新闻资讯
  • 数据资产
  • 网站导航
  • 订阅推荐
  • 商品推广
  • 日记
  • 摘录
  • 论文
  • 方案
  • 技术
  • 风格
  • 视觉
  • 原材料
  • 加工工艺
  • 元器件
  • 产品设备
  • 设计模式
  • 数据结构
  • 算法设计
  • 软件架构
  • 程序语言
  • 代码类库
  • 操作系统
  • 软件包
  • 健康
  • 环境
  • 社会
  • 道德
  • 法律
  • 经济
  • 政策
  • 更新日志
  • 新闻资讯
  • 数据资产
  • 网站导航
  • 订阅推荐
  • 商品推广
  • 日记
  • 摘录
  • 论文
  • 方案
  • 技术
  • 风格
  • 视觉
  • 原材料
  • 加工工艺
  • 元器件
  • 产品设备
  • 设计模式
  • 数据结构
  • 算法设计
  • 软件架构
  • 程序语言
  • 代码类库
  • 操作系统
  • 软件包
  • 健康
  • 环境
  • 社会
  • 道德
  • 法律
  • 经济
  • 政策
  • Library - Npm - Capacitor 5

文章摘要: 适用于 Web 应用程序的跨平台原生运行时。

相关信息

外部相关文章

  • 前置条件官方说明文档
  • 官方文档链接

内部相关文章

简介

  • 适用于 Web 应用程序的跨平台原生运行时。
  • 提示:Capacitor可以用作创建新项目,也可以为Vite项目提供打包成app的工具。

打包成IOS的前置要求

为了使用 Capacitor 开发 iOS 应用程序,您将需要四个额外的依赖项:

  • Xcode Xcode
  • Xcode Command Line Tools
  • Homebrew
  • Cocoapods

打包成Android的前置要求

为了使用 Capacitor 开发 Android 应用程序,您需要两个额外的依赖项:

  • Android SDK

安装使用

创建新的Capacitor应用程序

npm init @capacitor/app

将Capacitor添加到已有的Web应用程序

# 安装
npm i @capacitor/core
npm i -D @capacitor/cli

# 初始化
npx cap init

# 安装 Capacitor Core 运行时后,您可以安装 Android 和 iOS 平台
npm i @capacitor/android @capacitor/ios

# 将平台添加到您的 `package.json` 后,您可以运行以下命令为本机应用程序创建 Android 和 iOS 项目
npx cap add android
npx cap add ios

# 同步 Capacitor 配置,创建本机项目后,您可以通过运行以下命令将 Web 应用程序同步到本机项目
npx cap sync android

# 构建 Android 应用
npx cap build android
更新时间: 2025/11/16 17:17