Willkommen zur JavaScript- und TypeScript-Entwicklung in Cursor! Der Editor bietet außergewöhnliche Unterstützung für JS/TS-Entwicklung durch sein Erweiterungs-Ökosystem. Hier ist, was Sie wissen müssen, um das Beste aus Cursor herauszuholen.

​
Wichtige Erweiterungen

Obwohl Cursor hervorragend mit allen Erweiterungen funktioniert, die Sie bevorzugen, empfehlen wir diese für Einsteiger:
  • ESLint - Erforderlich für Cursors KI-gestützte Lint-Korrektur-Funktionen
  • JavaScript and TypeScript Language Features - Erweiterte Sprachunterstützung und IntelliSense
  • Path Intellisense - Intelligente Pfadvervollständigung für Dateipfade

​
Cursor Features

Cursor erweitert Ihren bestehenden JavaScript/TypeScript-Workflow mit:
  • Tab-Vervollständigungen: Kontextbewusste Code-Vervollständigungen, die Ihre Projektstruktur verstehen
  • Automatische Imports: Tab kann Bibliotheken automatisch importieren, sobald Sie sie verwenden
  • Inline-Bearbeitung: Verwenden Sie CMD+K auf jeder Zeile, um mit perfekter Syntax zu bearbeiten
  • Composer-Anleitung: Planen und bearbeiten Sie Ihren Code über mehrere Dateien hinweg mit dem Composer

​
Framework-Intelligenz mit @Docs

Cursors @Docs-Feature ermöglicht es Ihnen, Ihre JavaScript-Entwicklung zu verbessern, indem Sie benutzerdefinierte Dokumentationsquellen hinzufügen, auf die die KI verweisen kann. Fügen Sie Dokumentation von MDN, Node.js oder Ihrem bevorzugten Framework hinzu, um genauere und kontextbezogene Code-Vorschläge zu erhalten.

Erfahren Sie mehr über @Docs

Entdecken Sie, wie Sie benutzerdefinierte Dokumentationsquellen in Cursor hinzufügen und verwalten.

​
Automatische Linting-Auflösung

Eine der herausragenden Funktionen von Cursor ist die nahtlose Integration mit Linter-Erweiterungen. Stellen Sie sicher, dass Sie einen Linter wie ESLint eingerichtet haben und aktivieren Sie die Einstellung ‘Iterate on Lints’. Wenn Sie dann den Agent-Modus im Composer verwenden, wird die KI, nachdem sie versucht hat, Ihre Anfrage zu beantworten und Code-Änderungen vorgenommen hat, automatisch die Ausgabe des Linters lesen und versuchen, alle Lint-Fehler zu beheben, von denen sie möglicherweise nichts wusste.

​
Framework-Unterstützung

Cursor funktioniert nahtlos mit allen wichtigen JavaScript-Frameworks und -Bibliotheken, wie zum Beispiel:

​
React & Next.js

  • Vollständige JSX/TSX-Unterstützung mit intelligenten Komponenten-Vorschlägen
  • Server-Komponenten- und API-Route-Intelligenz für Next.js
  • Empfohlen: React Developer Tools Erweiterung

​
Vue.js

  • Template-Syntax-Unterstützung mit Volar-Integration
  • Komponenten-Autovervollständigung und Typprüfung
  • Empfohlen: Vue Language Features

​
Angular

  • Template-Validierung und TypeScript-Decorator-Unterstützung
  • Komponenten- und Service-Generierung
  • Empfohlen: Angular Language Service

​
Svelte

  • Komponenten-Syntax-Hervorhebung und intelligente Vervollständigungen
  • Reaktive Anweisungen und Store-Vorschläge
  • Empfohlen: Svelte for VS Code

​
Backend-Frameworks (Express/NestJS)

  • Route- und Middleware-Intelligenz
  • TypeScript-Decorator-Unterstützung für NestJS
  • API-Testing-Tools-Integration
Denken Sie daran, dass Cursors KI-Features gut mit all diesen Frameworks funktionieren, ihre Muster und bewährten Praktiken verstehen, um relevante Vorschläge zu liefern. Die KI kann bei allem helfen, von der Komponentenerstellung bis hin zu komplexen Refactoring-Aufgaben, während sie die bestehenden Muster Ihres Projekts respektiert.