在 Ionic Framework 中使用 Capacitor
Capacitor 构建应用并不强制要求使用 Ionic Framework。不过,开发者可能会发现 Ionic UI 组件库 中的大量组件有助于构建高质量的应用。
通过 Ionic CLI,可以快速将 Capacitor 安装到任何新的或现有的 Ionic 应用中。
在新 Ionic 项目中安装 Capacitor
对于新的 Ionic 项目,Capacitor 在新创建的 Ionic 应用中默认已经安装!你只需启动一个新项目即可。要创建新的 Ionic 项目,请运行以下命令:
ionic start
如果你想学习如何构建第一个基于 Capacitor 的 Ionic 应用,可以参考 Ionic Framework 团队提供的 这篇教程。
在现有 Ionic 项目中安装 Capacitor
如果你有一个现有的 Ionic 项目,但尚未启用 Capacitor,可以通过运行以下命令来启用:
ionic integrations enable capacitor
安装 Capacitor 插件依赖
Ionic Framework 使用了以下 Capacitor 插件中的 API:
为了获得最佳用户体验,即使你没有在应用中导入这些插件,也应该确保它们已安装。要安装这些插件,请在项目根目录下运行以下命令:
npm i @capacitor/app @capacitor/haptics @capacitor/keyboard @capacitor/status-bar
添加平台
安装 Capacitor 及其插件后,你可以为应用添加移动平台:
ionic capacitor add android
ionic capacitor add ios
这将在项目根目录下为每个原生平台创建一个新目录。这些目录是原生项目,应被视为源代码产物。了解更多关于 原生项目管理 的信息。
信息
如果你的 Ionic 应用使用了 Cordova,我们也提供了 从 Cordova 迁移到 Capacitor 的指南。
Ionic CLI 的 Capacitor 命令
为了方便使用,Ionic CLI 提供了一系列封装了 Capacitor CLI 的高级命令。下面是每个命令的文档链接。你也可以在每个命令后使用 --help 标志查看帮助信息。
ionic capacitor addionic capacitor buildionic capacitor runionic capacitor syncionic capacitor open
有关 Ionic CLI 的更多信息,以及如何与 Capacitor 结合使用,请参阅 此文档。