将 Capacitor 与 Ionic Framework 一起使用
Capacitor 不需要 Ionic Framework 来构建应用。但是,开发者可能会发现大量的 Ionic UI 组件有助于构建高质量的应用。
Capacitor 可以通过使用 Ionic CLI 快速直接安装到任何新的或现有的 Ionic 应用中。
在新的 Ionic 项目中安装 Capacitor
对于新的 Ionic 项目,默认情况下 Capacitor 已经安装在新创建的 Ionic 应用中!您只需启动一个新项目即可。要创建新的 Ionic 项目,请运行以下命令:
ionic start
如果您想要一个构建第一个基于 Capacitor 的 Ionic 应用的教程,请查看 Ionic Framework 团队的这个教程。
将 Capacitor 安装到现有的 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 一起使用的更多信息,请参见此处的文档。