Willkommen zur JavaScript- und TypeScript-Entwicklung in Cursor! Der Editor bietet dank seines Erweiterungs-Ökosystems erstklassige Unterstützung für die JS/TS-Entwicklung. Hier erfährst du, wie du das Maximum aus Cursor herausholst.

Unverzichtbare Erweiterungen

Auch wenn Cursor mit allen Erweiterungen funktioniert, die du magst, empfehlen wir diese, wenn du gerade erst loslegst:
  • ESLint – erforderlich für die KI-gestützten Lint-Fix-Funktionen von Cursor
  • JavaScript and TypeScript Language Features – erweiterte Sprachunterstützung und IntelliSense
  • Path Intellisense – intelligente Pfadvervollständigung für Dateipfade

Cursor-Funktionen

Cursor erweitert deinen bestehenden JavaScript/TypeScript-Workflow um:
  • Tab-Vervollständigungen: Kontextbewusste Codevervollständigungen, die deine Projektstruktur verstehen
  • Automatische Importe: Tab kann Bibliotheken automatisch importieren, sobald du sie verwendest
  • Inline-Editing: Nutze CMD+K in jeder Zeile, um mit perfekter Syntax zu bearbeiten
  • Composer-Guidance: Plane und bearbeite deinen Code dateiübergreifend mit dem Composer

Framework-Intelligenz mit @Docs

Die @Docs-Funktion von Cursor lässt dich deine JavaScript-Entwicklung deutlich beschleunigen, indem du benutzerdefinierte Dokumentationsquellen hinzufügst, auf die die KI zugreifen kann. Füge Dokumentation von MDN, Node.js oder deinem Lieblings-Framework hinzu, um präzisere und kontextbezogene Code-Vorschläge zu erhalten.

Erfahre mehr über @Docs

Entdecke, wie du benutzerdefinierte Dokumentationsquellen in Cursor hinzufügen und verwalten kannst.

Automatische Linting-Behebung

Eine der herausragenden Funktionen von Cursor ist die nahtlose Integration mit Linter-Erweiterungen. Stell sicher, dass du einen Linter wie ESLint eingerichtet hast und aktiviere die Einstellung „Iterate on Lints“. Wenn du dann den Agent-Modus im Composer verwendest, liest die KI, nachdem sie deine Anfrage beantwortet und Codeänderungen vorgenommen hat, automatisch die Ausgabe des Linters und versucht, alle Lint-Fehler zu beheben, die ihr möglicherweise noch nicht bekannt waren.

Framework-Unterstützung

Cursor funktioniert nahtlos mit allen gängigen JavaScript-Frameworks und -Bibliotheken, zum Beispiel:

React & Next.js

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

Vue.js

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

Angular

  • Template-Validierung und Unterstützung für TypeScript-Decoratoren
  • Generierung von Komponenten und Services
  • Empfohlen: Angular Language Service

Svelte

  • Syntaxhervorhebung für Komponenten und intelligente Vervollständigungen
  • Vorschläge für reaktive Statements und Stores
  • Empfohlen: Svelte for VS Code

Backend-Frameworks (Express/NestJS)

  • Intelligenz für Routen und Middleware
  • Unterstützung für TypeScript-Decoratoren in NestJS
  • Integration von API-Testing-Tools
Denk dran: Die KI-Funktionen von Cursor arbeiten mit all diesen Frameworks hervorragend zusammen, verstehen deren Patterns und Best Practices und liefern relevante Vorschläge. Die KI hilft dir bei allem — von der Erstellung von Komponenten bis hin zu komplexen Refactorings — und respektiert dabei die bestehenden Patterns deines Projekts.