@team/ai-kit-vue

Vue 规则扩展包 — 自动识别 Vue 版本 / UI 组件库 / 项目架构，配合 @team/ai-kit 使用。

npm 地址：https://www.npmjs.com/package/@team/ai-kit-vue

v3.0 新特性

• ✅ Vue 2 / Vue 3 自动检测 — 读取 package.json 中 vue 依赖的主版本号
• ✅ UI 组件库自动检测 — Element Plus / Element UI / Ant Design Vue / Naive UI / Vuetify 等
• ✅ 图表库检测 — ECharts / vue-echarts
• ✅ 工具库检测 — Pinia / Vuex / Vue Router / Axios / Vue I18n
• ✅ 项目架构识别 — Single / Monorepo / 微前端 / 多模块
• ✅ 交互式向导 — 展示检测结果 → 手动添加/删除库 → 确认部署
• ✅ 支持并存 — Vue + Element Plus + Naive UI + ECharts 可共存
• ✅ --profile 参数 — 强制指定 vue2 或 vue3
• ✅ --yes 参数 — 非交互模式，自动使用检测结果

安装使用

# 先安装核心套件
npx @team/ai-kit init --yes

# 追加 Vue 规则（交互式向导，自动检测并建议）
npx @team/ai-kit-vue init

# 非交互模式（自动检测并部署）
npx @team/ai-kit-vue init --yes

# 强制指定 Vue 版本
npx @team/ai-kit-vue init --yes --profile vue2
npx @team/ai-kit-vue init --yes --profile vue3

自动检测

执行 ai-kit-vue init 时会自动扫描 package.json

Vue 版本检测

| 检测 | 匹配 Profile | |------|-------------| | "vue": "^3.x" | vue3 | | "vue": "^2.x" | vue2 | | "nuxt": "^3.x" | vue3 (通过 Nuxt 推断) | | 无 vue 依赖 | 报错退出，可用 --profile 强制指定 |

组件库检测（自动识别 10+ 种）

| 库 | npm 包名 | 兼容版本 | |----|---------|---------| | Element Plus | element-plus | Vue 3 | | Element UI | element-ui | Vue 2 | | Ant Design Vue | ant-design-vue | Vue 2 / Vue 3 (自动匹配) | | Naive UI | naive-ui | Vue 3 | | Vuetify | vuetify | Vue 2 / Vue 3 (自动匹配) | | View Design | view-design | Vue 2 | | TDesign | tdesign-vue / tdesign-vue-next | Vue 2 / Vue 3 | | PrimeVue | primevue | Vue 2 / Vue 3 | | ECharts | echarts / vue-echarts | Vue 2 / Vue 3 | | Pinia | pinia | Vue 3 | | Vuex | vuex | Vue 2 / Vue 3 | | Vue Router | vue-router | Vue 2 / Vue 3 (自动匹配) |

项目架构识别

| 条件 | 检测为 | |------|-------| | 有 pnpm-workspace.yaml / lerna.json / workspaces 字段 | Monorepo | | 有 qiankun / single-spa / wujie / micro-app | 微前端 | | 有 modules/ / packages/ / apps/ 目录含多个子目录 | 多模块 | | 其他 | 单项目 |

交互式向导

╔═══════════════════════════════════════════════╗
║       @team/ai-kit-vue v3.0.0              ║
║       Vue 版本自动检测 + 组件库向导部署      ║
╚═══════════════════════════════════════════════╝

📋 检测报告
──────────────────────────────────────────────────
  ✓ Vue 版本:    vue3 (^3.4.0)
  ✓ 项目架构:    单项目 (Single Package)

  ✓ 已检测到组件库:
    ● Element Plus (^1.3.0)
    ● ECharts (^5.4.0)

? 是否要添加其他组件库/工具库? (y/N):

部署内容

按检测结果动态组合，例如 Vue 3 + Element Plus + ECharts + Monorepo：

.cursor/rules/
├── vue-development.mdc           # Vue 3 Composition API
├── vue-component-governance.mdc  # 组件治理
├── element-plus.mdc              # Element Plus 规范
├── echarts.mdc                   # ECharts 图表规范
└── monorepo.mdc                  # Monorepo 规范

docs/spec/05-vue-conventions.md
prompts/vue-component.md

从 v2.x 迁移

npx @team/ai-kit-vue@latest init --yes

旧的模板文件会自动备份到 .ai-kit-backups/。

License

MIT