vue-best-practices

SKILL.md

| TypeScript | Props extraction, generic components, useTemplateRef, JSDoc, reactive props destructure | typescript.md | | Volar | IDE config, strictTemplates, CSS modules, directive comments, Volar 3.0 migration | volar.md | | Components | defineModel, deep watch, onWatcherCleanup, useId, deferred teleport | components.md |

| Tooling | moduleResolution, HMR SSR, duplicate plugin detection | tooling.md | | Testing | Pinia store mocking, setup stores, Vue Router typed params | testing.md |

Vue 3 和 Vue.js 针对 TypeScript、vue-tsc、Volar 和组件模式的最佳实践。在使用 TypeScript 编写、审查或重构 Vue 3 组件、配置 Volar/vueCompilerOptions、提取组件类型、使用 DefineModel/withDefaults、设置 Pinia 商店测试或调试 Vue 工具问题时使用。触发 Vue 组件、props 提取、包装器组件、模板类型检查、strictTemplates、vueCompilerOptions、Volar 3、CSS 模块、fallthrough 属性、defineModel、withDefaults、深度监视、vue-router 类型参数、Pinia 模拟、HMR SSR、moduleResolution 捆绑器、useTemplateRef、onWatcherCleanup、useId、通用组件、反应式 props 解构。 来源：ejirocodes/agent-skills。

打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/ejirocodes/agent-skills --skill vue-best-practices 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用

查看原文