Vue Best Practices
用途:该技能作为规则手册,用于修复生产环境 Vue 3 应用中的常见反模式,适用于用户要求审查、重构、调试或优化 Vue 3 代码(如性能、正确性、SSR 水合、响应式等)的场景。
工作流程:
- 打开 AGENTS.md。
- 仅从 rules/ 目录中选择相关的规则文件。
- 应用能解决问题的最小安全改动。
- 重新检查行为,并运行项目的 lint、test 和 build 检查。
仓库护栏:
- 使用 Vue 3 Composition API 与 <script setup lang="ts">。
- 遵循项目已有的状态管理方案(Vuex、Pinia 等)。
- 不创建新的全局组件。
- 除非用户明确要求,否则不添加注释。
- 不从 vue 导入 Vue 编译器宏(defineProps、defineEmits、defineExpose、withDefaults)。
- 匹配本仓库的 ESLint 风格默认值:分号、单引号、多行尾随逗号、2 空格缩进。
输出期望:
- 说明应用了哪些规则以及原因。
- 优先使用组合式函数和纯工具函数,而非临时的组件逻辑。
- 保持增量改动;除非被要求,否则避免大范围重写。
适用场景:审查、重构、调试或优化 Vue 3 代码库,尤其是在需要处理性能、正确性、SSR 水合与响应式问题时;适合希望在既有项目规范内进行最小安全修复的开发者。
限制:资料未提供具体规则文件清单、支持的版本细节、安装命令、收费或价格信息。