mcpField
V
vue-doctor

vue-doctor

github.com/arjun-ingole测试与质量136 次安装35 周前更新
代码仓库

关于 vue-doctor

Vue Doctor 扫描 Vue 和 Nuxt 代码库，检查安全、性能、正确性及架构问题。它为开发者提供带文件位置的可操作诊断，并给出 0 到 100 分的评分。

主要功能

  1. 01按 30 多条规则检查代码
  2. 02发现安全风险和正确性问题
  3. 03标记性能与打包体积问题
  4. 04检测架构及无障碍问题
  5. 05报告文件路径、行号和评分

适用场景

  1. 01检查 Vue 或 Nuxt 项目中的问题
  2. 02按诊断严重程度安排修复优先级
  3. 03重新扫描以确认评分是否改善

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/arjun-ingole/vue-doctor --skill vue-doctor

安装后在 Claude Code 中输入/vue-doctor确认已加载。

详细介绍

Vue Doctor

扫描 Vue/Nuxt 代码库中的安全、性能、正确性和架构问题。输出 0-100 分，并提供可执行的诊断结果。

用法

npx -y vue-doctor@latest . --verbose

工作流

  1. 在项目根目录运行上述命令
  2. 查看每条诊断，其中包含文件路径和行号
  3. 从错误（严重性最高）开始修复问题
  4. 重新运行以确认分数有所提升

规则（30+）

  • 安全：v-html 的 XSS 风险、eval()、客户端代码中的硬编码密钥
  • Composition API：将 watch 用作 computed、异步 watchEffect、reactive 解构、computed 中的 ref
  • 性能：将索引用作 key、深度侦听、开销大的模板表达式、v-for 中的方法调用
  • 架构：修改 prop、缺少 emits 声明、组件过大
  • 正确性：v-if 与 v-for 搭配使用、setup 中使用 this、直接操作 DOM、缺少 prop 类型
  • Nuxt：SSR 中使用 window、缺少 SEO 元数据、客户端中使用 process.env、服务端路由错误处理
  • 包体积：barrel 导入、完整 lodash、moment.js、体积庞大的库
  • 无障碍：动态效果库缺少 prefers-reduced-motion
  • 死代码：未使用的文件、导出和类型

评分

  • 75+：优秀
  • 50-74：需要改进
  • 0-49：严重问题

评论

支持 Markdown