用途:这是一份 Ionic Capacitor 移动应用开发技能指南,用于指导构建可上线的移动应用,支持 Angular、React、Vue 三种框架。
主要能力与强制要求:新建项目必须包含引导页(全屏背景视频加渐变遮罩的滑动引导)、付费墙页(RevenueCat,位于引导页之后)、设置页(语言、主题、通知、重置引导)。导航必须使用 ion-tabs 与 ion-tab-bar,禁止自定义标签栏或第三方标签库。必须安装的库包括 @capacitor/preferences、@capacitor/push-notifications、@capacitor/splash-screen、@capacitor/status-bar、@revenuecat/purchases-capacitor、@capacitor-community/admob、swiper,以及各框架对应的 i18n 库(Angular 用 @ngx-translate/core 与 @ngx-translate/http-loader,React 用 react-i18next 与 i18next,Vue 用 vue-i18n)。
使用方式:先安装 Ionic CLI(npm install -g @ionic/cli),再按框架执行 ionic start app-name blank --type=angular|react|vue --capacitor。创建项目前必须先向用户询问 bundle ID,并在当前目录创建项目。之后用 npx cap add ios 与 npx cap add android 添加原生平台。技术栈为 Ionic 8 搭配 Angular 19、React 19 或 Vue 3.5,原生运行时为 Capacitor 7。
限制与禁止项:禁止直接使用 localStorage 或 @ionic/storage,改用 @capacitor/preferences;禁止使用 cordova-plugin-* 插件;禁止使用 any 类型;Capacitor 调用必须 await;Angular 禁止使用 NgModules、IonicModule 与内联模板样式;React 禁止类组件与直接 DOM 操作;Vue 禁止 Options API 与直接 DOM 操作。资料未提供收费、价格与具体效果信息。