Dieser Inhalt ist noch nicht in Ihrer Sprache verfügbar und wird auf Englisch angezeigt.

Vue Debug Guides

Skill Verifiziert Aktiv

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

Zweck

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

Funktionen

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.

Anwendungsfälle

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

Nicht-Ziele

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'.

Installation

Zuerst Marketplace hinzufügen

/plugin marketplace add hyf0/vue-skills

/plugin install vue-skills@vue-skills

Qualitätspunktzahl

Verifiziert

98 /100

Analysiert about 21 hours ago

Vertrauenssignale

Letzter Commitabout 2 months ago

GitHub-Inhaber hyf0

Sterne2.4k

LizenzMIT

Status

Quellcode ansehen

Ähnliche Erweiterungen

Layout Audit

100

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

Skill

Aboudjem

Vue Router Best Practices

100

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

Skill

hyf0

React Modernization

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.

Skill

wshobson

Frontend Design

Erstellen Sie unverwechselbare Frontend-Oberflächen in Produktionsqualität mit hoher Designqualität. Verwenden Sie diese Fähigkeit, wenn der Benutzer auffordert, Webkomponenten, Seiten oder Anwendungen zu erstellen. Generiert kreativen, polierten Code, der generische KI-Ästhetik vermeidet.

Skill

digitalsamba

Use My Browser

100

Verwenden Sie dies, wenn die Arbeit von den Live-Browsersitzungs- oder gerenderten Zustand des Benutzers abhängt und nicht von statischen Abrufen, insbesondere für Browser-Debugging-Kontexte oder von DevTools ausgewählte Elemente oder Anfragen, angemeldeten Dashboards oder CMS-Flows, localhost-Apps, Formularen, Uploads, Downloads, Medieninspektion, DOM- oder iframe-Inspektion, Shadow DOM oder Browserfehlern, die wie Soft-404s, Authentifizierungswände, Anti-Bot-Prüfungen oder Ratenbegrenzungen aussehen.

Skill

xixu-me

Node Connect

100

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

Skill

steipete