SuperAPI AI 工具集

vue-best-practices

前端与建站

查看项目

更新于 10-16 04:35

技能介绍

用途:该技能用于在编写、审查或重构 Vue 组件时,确保 Vue 3 与 Vue.js 项目符合 TypeScript、vue-tsc 和 Volar 的最佳实践,主要面向类型检查与工程配置问题。

主要能力:分为能力规则与效率规则两类。能力规则覆盖从 .vue 组件提取 props 类型、在模板中捕获未定义组件(strictTemplates)、对 fallthrough 属性($attrs)做类型检查、捕获 CSS Modules 类名拼写错误、允许 data-* 属性、修复 Volar 3.0 升级问题、修复模块解析错误(@vue/tsconfig、moduleResolution)、修复 defineModel 更新事件错误、修复 withDefaults 联合类型默认值、Vue 3.5 数组深度监听优化、通过 @vue-ignore 与 @vue-skip 控制模板类型检查、以及 vue-router 路由参数类型化。效率规则包括修复 SSR 应用中的 HMR 热重载,以及使用 vitest 模拟 Pinia store。

使用方式:资料未提供具体安装命令或调用步骤,仅列出规则名称、触发关键词与说明,可依据关键词在对应场景下应用相应规则。

适用场景:Vue 3 + TypeScript 项目的组件开发、代码审查、重构,以及 vue-tsc、Volar、vue-router、Pinia、SSR 相关配置排错。

限制:资料未说明收费、价格、平台支持范围与效果保证;具体安装与集成方式暂未提供。