跳转到主要内容
此内容尚未提供您的语言版本,正在以英文显示。

Vue Debug Guides

技能 已验证 活跃
属于:Vue Skills Bundle

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.

目的

To help developers diagnose and fix runtime errors, warnings, async failures, and SSR/hydration issues in Vue 3 applications.

功能

  • Detailed debugging guidance for Vue 3.
  • Covers runtime errors, warnings, and async failures.
  • Addresses SSR and hydration issues.
  • Organized by Vue 3 feature areas (Reactivity, Components, Templates, etc.).
  • References external documentation for specific solutions.

使用场景

  • Diagnosing unexpected re-renders and state updates.
  • Fixing issues with component lifecycle and props.
  • Troubleshooting template compilation errors.
  • Resolving SSR/hydration mismatches.

非目标

  • Providing best practices for general Vue development (delegated to vue-best-practices).
  • Offering solutions for non-runtime Vue issues.
  • Replacing the need for a debugger or deep code analysis.

Versioning

  • info:Release ManagementThe skill frontmatter includes a name and description, but no explicit version number is present in the SKILL.md or manifests. Installation instructions reference 'main'.

安装

请先添加 Marketplace

/plugin marketplace add hyf0/vue-skills
/plugin install vue-skills@vue-skills

质量评分

已验证
98 /100
about 24 hours ago 分析

信任信号

最近提交about 2 months ago
GitHub 所有者 hyf0 (opens in new tab)
星标2.4k
许可证MIT
状态
查看源代码

类似扩展

Layout Audit

100

Layout and spacing audit covering grid, spacing consistency, density, responsive behavior

技能
Aboudjem

Vue Router Best Practices

100

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

技能
hyf0

React Modernization

99

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.

技能
wshobson

前端设计

99

通过高设计质量创建独特、生产级的面向接口。当用户要求构建 Web 组件、页面或应用程序时，请使用此技能。生成富有创意、精美的代码，避免通用的 AI 美学。

技能
digitalsamba

使用我的浏览器

100

当工作依赖于用户实时浏览器会话或可见的渲染状态，而不是静态抓取时使用，尤其是在浏览器调试上下文或 DevTools 选择的元素或请求、登录仪表板或 CMS 流程、localhost 应用、上传、下载、媒体检查、DOM 或 iframe 检查、Shadow DOM，或看起来像软 404、身份验证墙、反机器人检查或速率限制的浏览器故障时。

技能
xixu-me

Node Connect

100

Diagnose OpenClaw Android, iOS, or macOS node pairing, QR/setup code, route, auth, and connection failures.

技能
steipete