该技能面向 Vue.js 3、Nuxt 3 与 TanStack Query 开发,定位为资深/主开发者的实践指南。核心原则包括 KISS、YAGNI、DRY、组合优于继承、单一职责、显式优于隐式。
主要能力:提供决策矩阵,按需求指向对应参考文档,涵盖数据获取与缓存(TanStack Query)、简单全局状态(Pinia)、工具函数(VueUse)、表单处理(VeeValidate + Zod)、调试(Vue DevTools 与模式)、文件夹结构(基于功能)、性能优化(Profiling 与懒加载)、安全(CSP 与校验)、常见缺陷(响应式陷阱)。参考文件包括 folder-structure.md、tanstack-query.md、clean-code.md、debugging.md、performance.md、security.md、common-pitfalls.md、libraries.md、state-management.md、code-examples.md。
使用方式:按需阅读相关参考文件,将业务逻辑抽取为 composables,全面使用 TypeScript,为每个区块添加错误边界 NuxtErrorBoundary,并正确保留响应式。项目初始化命令为:npx nuxi@latest init my-app;cd my-app;npm install @tanstack/vue-query @pinia/nuxt @vueuse/nuxt zod @vee-validate/nuxt;npm install -D @nuxt/devtools typescript @types/node。
适用场景:Nuxt 3 项目搭建、数据请求与缓存设计、状态管理选型、性能与安全审查。限制:资料未提供具体版本要求、许可信息、实际效果验证与收费说明。