SuperAPI AI 工具集

vue-best-practices

编程与开发

查看项目

更新于 10-16 14:58

技能介绍

Vue Best Practices

用途:该技能作为规则手册,用于修复生产环境 Vue 3 应用中的常见反模式,适用于用户要求审查、重构、调试或优化 Vue 3 代码(如性能、正确性、SSR 水合、响应式等)的场景。

工作流程:

  1. 打开 AGENTS.md。
  2. 仅从 rules/ 目录中选择相关的规则文件。
  3. 应用能解决问题的最小安全改动。
  4. 重新检查行为,并运行项目的 lint、test 和 build 检查。

仓库护栏:

  • 使用 Vue 3 Composition API 与 <script setup lang="ts">。
  • 遵循项目已有的状态管理方案(Vuex、Pinia 等)。
  • 不创建新的全局组件。
  • 除非用户明确要求,否则不添加注释。
  • 不从 vue 导入 Vue 编译器宏(defineProps、defineEmits、defineExpose、withDefaults)。
  • 匹配本仓库的 ESLint 风格默认值:分号、单引号、多行尾随逗号、2 空格缩进。

输出期望:

  • 说明应用了哪些规则以及原因。
  • 优先使用组合式函数和纯工具函数,而非临时的组件逻辑。
  • 保持增量改动;除非被要求,否则避免大范围重写。

适用场景:审查、重构、调试或优化 Vue 3 代码库,尤其是在需要处理性能、正确性、SSR 水合与响应式问题时;适合希望在既有项目规范内进行最小安全修复的开发者。

限制:资料未提供具体规则文件清单、支持的版本细节、安装命令、收费或价格信息。