LogoClawIndex
案例技能关于
LogoClawIndex

capacitor-vue - 在 Capacitor 应用中应用 Vue 模式

指导 Vue 3 开发者使用 Capacitor 插件、组合式函数、响应式状态、生命周期钩子、路由、平台检测及框架集成。

标签

更新于: 2026-10-01

能力

典型输入

典型输出

该技能可以做什么

  • 检测 Vue 和 Capacitor 版本
  • 检测项目元框架
  • 配置 Capacitor Web 目录
  • 集成 Capacitor 插件
  • 创建可复用 Vue 组合式函数
  • 管理插件响应式状态
  • 注册生命周期事件监听器
  • 检测原生平台
  • 集成 Vue Router 深链接
  • 配置 PWA Elements
  • 集成 Quasar 项目
  • 集成 Nuxt 项目

输入

  • Vue 项目文件
  • Capacitor 项目文件
  • 构建配置
  • 项目目录结构

输出

  • 分步开发指导
  • Capacitor 配置
  • Vue 组合式函数和组件
  • 插件事件监听器配置
  • 原生平台项目

要求

  • Vue 3 项目
  • Capacitor 6、7 或 8
  • Node.js 和 npm
  • 用于 iOS 开发的 Xcode
  • 用于 Android 开发的 Android Studio

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
Capacitor
Vue 3
组合式 API
Vue Router
Quasar
Nuxt
PWA
移动开发
检测 Vue 和 Capacitor 版本
检测项目元框架
配置 Capacitor Web 目录
集成 Capacitor 插件
Vue 项目文件
Capacitor 项目文件
构建配置
分步开发指导
Capacitor 配置
Vue 组合式函数和组件