JetBrains IDE-Plugin

Flexible Nuxt.JS

Das erste echte Nuxt IDE-Plugin fur JetBrains. Automatisches Import-Scanning aus components/, composables/ und utils/. 20+ Composable-Vervollstandigungen, nuxt.config.ts IntelliSense, integrierte Nuxi CLI-Befehle und eingebaute Run/Debug-Konfigurationen. Unterstutzt Nuxt 2, 3 & 4.

Kostenlos testen Preise ansehen

IntelliJ IDEA · WebStorm · PhpStorm · PyCharm · + Alle JetBrains IDEs

50+: Live-Vorlagen
20+: Composable-Vervollstandigungen
4: Nuxt-Versionen unterstutzt

Auto-Import & Composable-Vervollstandigung

Keine Importpfade und Composable-Signaturen mehr auswendig lernen. Flexible Nuxt.js scannt automatisch Ihre components/, composables/ und utils/-Verzeichnisse fur sofortige Code-Vervollstandigung.

Wahrend Sie tippen, schlagt die IDE Komponenten, Composables und Utilities aus Ihrem Projekt vor. Jedes Nuxt-Composable wie useAsyncData, useFetch und useState kommt mit vollstandigen Parameter-Hints und Dokumentation.

Hauptfunktionen

Auto-Import-Erkennung fur Komponenten, Composables und Utils
20+ Nuxt-Composable-Vervollstandigungen mit Dokumentation
Parameter-Hints mit erwarteten Argumenttypen
Unterstutzung fur benutzerdefinierte Auto-Import-Verzeichnisse
Intelligente Vorschlage basierend auf Nuxt-Konventionen

Nuxt Elements Werkzeugfenster

Navigieren Sie Ihr gesamtes Nuxt-Projekt von einem einzigen Panel aus. Das Nuxt Elements-Werkzeugfenster organisiert Ihre Projektstruktur nach Nuxt-Konventionen und erleichtert das Finden von Seiten, Komponenten, Composables und mehr.

Springen Sie mit einem Klick direkt zu jedem Element. Kein Durchsuchen von Ordnerstrukturen mehr. Alles ist genau so organisiert, wie Nuxt es erwartet.

Das Werkzeugfenster enthalt

Pages – Alle Routen in Ihrer Anwendung
Components – Auto-importierte Komponenten
Composables – Benutzerdefinierte Composables
Layouts – Anwendungs-Layouts
Middleware – Route-Middleware
Plugins – Nuxt-Plugins
Server – API-Routen und Server-Middleware
Modules – Installierte Nuxt-Module
Built-in Components – NuxtLink, NuxtPage, usw.
CLI Commands – Schnellzugriff auf Nuxi-Befehle

Run & Debug-Konfigurationen

Starten und debuggen Sie Ihre Nuxt-Anwendung direkt aus der IDE. Flexible Nuxt.js bietet eingebaute Run-Konfigurationen fur Entwicklung, Vorschau und Produktionsmodus.

Setzen Sie Breakpoints in Ihren Vue-Komponenten, Composables und Server-Routen. Der integrierte Debugger verbindet sich nahtlos mit Nuxts Dev-Server und bietet Ihnen volle Debugging-Fahigkeiten, ohne Ihre IDE zu verlassen.

Run-Konfigurationsfunktionen

Ein-Klick Dev-Server-Start
Konfigurierbare Port- und Host-Einstellungen
HTTPS-Modus-Unterstutzung
Node.js-Debugging-Integration
Source-Map-Unterstutzung fur genaue Breakpoints
Umgebungsvariablen-Konfiguration

50+ Live-Vorlagen

Schreiben Sie Nuxt-Code schneller mit vorgefertigten Live-Vorlagen. Geben Sie eine kurze Abkurzung ein und erweitern Sie sie zu vollstandigen Code-Strukturen fur Seiten, Komponenten, Composables und mehr.

Jede Vorlage folgt Nuxt Best Practices und dem Composition API-Stil. Erstellen Sie eine neue Seite mit npage, ein Composable mit ncomp oder eine API-Route mit napi.

Vorlagen-Kategorien

Seiten-Vorlagen mit definePageMeta
Komponenten-Vorlagen mit Props und Emits
Composable-Vorlagen mit reaktivem State
API-Routen-Vorlagen fur server/-Verzeichnis
Middleware-Vorlagen fur Route Guards
Plugin-Vorlagen fur App-Initialisierung
Layout-Vorlagen mit Slot-Content

Alles, was Sie fur die Nuxt-Entwicklung brauchen

Flexible Nuxt.js enthalt alle Werkzeuge, die Sie benotigen, um moderne Nuxt-Anwendungen effizient zu erstellen.

nuxt.config.ts IntelliSense

Vollstandige Vervollstandigung und Validierung fur nuxt.config.ts. Enthalt Deprecation-Warnungen und Migrations-Hints fur Upgrades zwischen Nuxt-Versionen.

Nuxi CLI-Integration

Fuhren Sie Nuxi-Befehle direkt aus der IDE aus. Generieren Sie Seiten, Komponenten und Module, ohne Ihren Editor zu verlassen.

definePageMeta-Unterstutzung

Vervollstandigung und Validierung fur definePageMeta, einschliesslich Layout, Middleware und benutzerdefinierter Meta-Eigenschaften.

Nuxt 2, 3 & 4 Unterstutzung

Funktioniert mit allen Nuxt-Versionen. Erkennt automatisch Ihre Projektversion und bietet relevante Vervollstandigungen.

Server-Routen-Unterstutzung

IntelliSense fur das server/-Verzeichnis, einschliesslich API-Routen, Middleware und Plugins mit H3-Vervollstandigung.

Modul-Integration

Versteht installierte Nuxt-Module und bietet Vervollstandigungen fur vom Modul bereitgestellte Composables und Komponenten.

Einfache, transparente Preise

Wahlen Sie den Plan, der am besten zu Ihnen passt. Alle Plane beinhalten eine 7-tagige kostenlose Testversion.

Einzelperson

Fur Einzelentwickler

4,90 EUR/Monat

oder 49 EUR/Jahr (17% sparen)

✓ Alle Plugin-Funktionen
✓ Personliche Lizenz
✓ E-Mail-Support
✓ Kostenlose Updates

Kostenlos testen

BESTER WERT

Organisation

Fur Teams & Unternehmen

9,90 EUR/Monat

oder 99 EUR/Jahr (17% sparen)

✓ Alle Plugin-Funktionen
✓ Kommerzielle Lizenz
✓ Prioritats-Support
✓ Team-Verwaltung

Kostenlos testen

Beginnen Sie heute mit besseren Nuxt-Apps

Schliessen Sie sich Tausenden von Entwicklern an, die Flexible Nuxt.js nutzen, um schneller und intelligenter zu entwickeln. Testen Sie es 7 Tage kostenlos.

Vom JetBrains Marketplace installieren