Lernpfad
Cursor AI: Ein Leitfaden mit 10 praktischen Beispielen
Ich habe oft Code kopiert und eingefügt in ChatGPT um zu fragen, warum er nicht funktioniert, um ihn zu überarbeiten oder um ihn mir einfach zu erklären. Allerdings kann der Wechsel zwischen meinem Code-Editor und ChatGPT etwas mühsam werden.
KI-Editoren lösen dieses Problem, indem sie GPTs direkt in Code-Editoren integrieren. Durch die direkte Einbindung in unseren Code erhalten die GPTs mehr Informationen über das Gesamtprojekt, was ihre Arbeit deutlich verbessert.
In diesem Artikel werden wir uns einen der beliebtesten Code-Editoren ansehen: Cursor AI. Das Vertrauen der Ingenieure von OpenAI und PerplexityCursor AI bietet KI-unterstütztes Coding, intelligente Code-Vorschläge und die Integration mit verschiedenen Entwicklungstools.
KI-Anwendungen entwickeln
Was ist Cursor AI und was kann es?
Cursor AI ist ein KI-gesteuerter Code-Editor, der die Softwareentwicklung vereinfachen soll. Als Fork von Visual Studio Code (VS Code) behält es die benutzerfreundliche Oberfläche und das umfangreiche Ökosystem von VS Code bei, was Entwicklern, die bereits mit der Plattform vertraut sind, den Umstieg erleichtert.
Cursor AI integriert fortschrittliche KI-Fähigkeiten durch ChatGPT von OpenAI und Claude. Diese Integration ermöglicht es Cursor AI, intelligente Code-Vorschläge, automatische Fehlererkennung und dynamische Code-Optimierung anzubieten.
Wichtige Funktionen der Autovervollständigung
Cursor bietet Funktionen zur automatischen Vervollständigung von Schlüsseln und zur Vorhersage von Codes:
- Autovervollständigung und Codevorhersage: Cursor bietet eine Autovervollständigungsfunktion, die mehrzeilige Bearbeitungen vorhersagt und sich an die letzten Änderungen anpasst.
- Codegenerierung: Cursor ist mit den jüngsten Änderungen vertraut und sagt voraus, was wir als Nächstes tun wollen, und schlägt entsprechend Code vor.
- Mehrzeilige Bearbeitungen: Es kann Bearbeitungen vorschlagen, die sich über mehrere Zeilen erstrecken.
- Kluge Umschreibungen: Der Editor kann unseren Code automatisch korrigieren und verbessern, selbst wenn wir unvorsichtig tippen.
- Cursor-Vorhersage: Sie sagt die nächste Cursorposition voraus und ermöglicht so eine nahtlose Navigation durch den Code.
Chat-Funktionen
Cursor integriert auch erweiterte Chat-Funktionen, um eine bessere Interaktion zu ermöglichen:
- Codebase antwortet: Frag Cursor nach der Codebasis und er wird die Dateien durchsuchen, um relevante Antworten zu geben.
- Code-Referenz: Verweise auf bestimmte Codeblöcke oder Dateien und integriere sie in den Kontext unserer Abfragen.
- Bildunterstützung: Ziehe Bilder in den Chat oder verwende Schaltflächen, um visuellen Kontext hinzuzufügen.
- Suche im Internet: Hol dir die neuesten Informationen aus dem Internet direkt in Code-Abfragen.
- Sofort anwenden: Implementiere Code-Vorschläge aus dem Chat direkt in die Codebasis mit einem Klick auf eine Schaltfläche.
- Integration der Dokumentation: Verweise auf beliebte Bibliotheken und füge unsere eigene Dokumentation für schnellen Zugriff hinzu.
Eine umfassende Liste der Funktionen findest du zum Beispiel auf der Cursors Funktionsseite.
So installierst du Cursor AI
Cursor AI stellt eine Installationsdatei für Linux, Windows und MacOS zur Verfügung, die du kostenlos von ihrer Website herunterladen kannst.
Um es unter Windows und MacOS zu installieren, lädst du es von der Homepage herunter und installierst die Download-Datei wie jedes andere Programm auch.
Unter Linux wird sie als AppImage
Datei geliefert. Bevor wir sie ausführen, müssen wir sie mit der Funktion "ausführbar" machen:
chmod a+x cursor-0.40.3x86_64.AppImage
Dann können wir es mit ausführen:
./cursor-0.40.3x86_64.AppImage
Je nachdem, welche Version heruntergeladen wurde, müssen wir eventuell die Version 0.40.3x86_64
in den oben genannten Befehlen ersetzen. Weitere Anleitungen zur Installation von App-Image-Dateien findest du auf ihre Website.
Nach der Installation werden wir mit dem folgenden Konfigurationsbildschirm konfrontiert:
- Tastatur: Mit dieser Option können wir die Tastaturkürzel konfigurieren. Standardmäßig werden die VS Code-Kurzbefehle verwendet, die ich empfehle, wenn du nicht mit einem anderen Code-Editor auf der Liste vertraut bist.
- Sprache für KI: Hier haben wir die Möglichkeit, eine nicht-englische Sprache zu verwenden, um mit der KI zu interagieren.
- Codebase-wide: Wenn du diese Option aktivierst, kann die KI den Kontext der gesamten Codebasis verstehen.
- Terminalbefehl hinzufügen: Wenn sie installiert sind, können sie den Cursor AI-Editor vom Terminal.
So verwendest du Cursor AI: 10 Anwendungsfälle
In diesem Leitfaden werden wir die MacOS-Kurzbefehle mit der Taste Cmd ⌘
angeben. Die Tastenkombinationen sind dieselben, wenn du Cursor unter Windows oder Linux verwendest, nur dass stattdessen die Taste Ctrl
verwendet wird.
Inline-Code-Erstellung
Wir verwenden die Abkürzung Cmd+K
, um den Inline-Code-Generator zu öffnen. Dies öffnet ein kleines Eingabeaufforderungsfenster, in das wir eine Eingabeaufforderung einfügen, um Code zu erzeugen:
Um den Code zu generieren, gibst du eine Eingabeaufforderung ein und klickst dann auf die Schaltfläche Generieren:
Dadurch wird der Code generiert und wir fügen ihn zu unserem Projekt hinzu, indem wir auf die Schaltfläche Akzeptieren klicken:
In diesem Fall haben wir das Modell cloude-3.5-sonnet
verwendet. Wir können ein anderes Modell auswählen, indem wir das Modell-Dropdown-Menü benutzen:
Interaktion mit bestehendem Code
Wir können den Inline-Chat auch nutzen, um mit bestehendem Code zu interagieren, indem wir den entsprechenden Code auswählen, bevor wir den Cmd+K
Shortcut verwenden. Dies kann genutzt werden, um Änderungen am Code vorzunehmen, wie z.B. Refactoring, oder um Fragen zum Code zu stellen. Nachdem wir die Eingabeaufforderung eingegeben haben, klicken wir auf die Schaltfläche Submit Edit, um die Änderungen zu übernehmen:
Codeänderungen im Cursor werden als Diff dargestellt. Die roten Linien stellen Linien dar, die durch die Änderung gelöscht werden, während die grünen Linien die neuen Änderungen darstellen, die hinzugefügt werden:
Fragen zum bestehenden Code stellen
Auf die gleiche Weise können wir Fragen zu einem Stück Code stellen, indem wir es auswählen und den Shortcut Cmd+K
verwenden. Bei einer Frage klicken wir auf die Schaltfläche quick question
, um die Abfrage abzuschicken:
Nachdem du die Frage abgeschickt hast, generiert das System die Antwort und zeigt sie auf folgende Weise an:
Autovervollständigung mit Tabulator
Während du Code schreibst, schlägt Cursor mit Hilfe von KI generierte Code-Vervollständigungen vor. Ähnlich wie bei der traditionellen Codevervollständigung können wir die Taste Tab
verwenden, um diese Vorschläge in unseren Code einzubauen.
Nehmen wir zum Beispiel an, wir beginnen mit der Implementierung einer Funktion namens maximum()
. Cursor wird unsere Absicht erkennen und eine geeignete Umsetzung vorschlagen. Wenn du auf Tab
drückst, können wir den vorgeschlagenen Code hinzufügen:
Die Autovervollständigung funktioniert auch mit Code, der in natürlicher Sprache geschrieben ist. Wenn wir zum Beispiel eine doppelte for
Schleife erstellen wollen, um über alle Paare in einer Liste zu iterieren, können wir dies einfach im Klartext beschreiben. Cursor liefert dann den entsprechenden Autovervollständigungsvorschlag, der durch Drücken der Taste Tab
integriert werden kann:
Übersicht über die Chat-Schnittstelle
Um das Chat-Fenster zu öffnen, benutze den Shortcut Cmd+L
. Das Chat-Fenster ist vielseitiger als der Inline-Generator, da wir damit nicht nur Code erzeugen, sondern auch Fragen stellen können. Hier ist ein Überblick über das Chat-Interface:
Codeerstellung mit Chat
Ähnlich wie beim Generieren mit dem Inline-Chat können wir auch mit der Chat-Funktion Code generieren. Der im Chat erstellte Code kann in das Projekt integriert werden, indem du auf die Schaltfläche Übernehmen in der oberen rechten Ecke des Codefensters klickst.
Erweiterung des Abfragekontexts mit @
Die vielleicht wichtigste Funktion des Chat-Fensters ist die Option @ Mention
. Diese Option ermöglicht es uns, der KI mehr Daten zur Verfügung zu stellen, um die Antwort zu generieren. Das reicht von einfachen Dateien und Ordnern bis hin zu Websuchen oder dem Zugriff der KI auf eine GitHub Repository.
Wir können zum Beispiel @Web
verwenden, damit die KI im Internet nach der Antwort suchen kann.
Bedenke, dass es in manchen Fällen problematisch sein kann, die gesamte Codebasis oder ein privates GitHub-Repository mit der KI zu teilen. Wir sollten darauf achten, was wir mit der KI teilen und vermeiden, dass wir sensible oder private Daten.
Fragen zur globalen Codebasis
Eine der Funktionen, die ich bei der Arbeit an größeren Projekten am nützlichsten finde, ist die Möglichkeit, schnell ein Stück Code zu finden, indem man eine Frage mit der gesamten Codebasis als Scope stellt. Vor kurzem wollte ich in einem Projekt eine Funktion finden, die die Navigationsrichtung in einer App berechnet. Mit Cursor konnte ich sie ganz einfach finden, indem ich beschrieb, was die Funktion tut:
Beachte, dass wir in diesem Fall die Option codebase
verwenden. Obwohl Cursor den eigentlichen Code aus irgendeinem Grund nicht anzeigte, öffnete ein Klick auf das Code-Feld trotzdem die richtige Datei und scrollte zu der Funktion, die ich suchte:
Bildunterstützung
Der Cursor-Chat unterstützt auch Bildeingaben. Wir könnten zum Beispiel ein UI-Design für eine Website skizzieren und es bitten, den HTML- und CSS-Code dafür zu generieren. Um ein Bild hinzuzufügen, kannst du es per Drag & Drop in das Chatfenster ziehen.
Hinzufügen von Dokumentation
Eine sehr nützliche Funktion von Cursor AI ist die Möglichkeit, Dokumentationsverweise hinzuzufügen. Dies ist besonders nützlich für weniger bekannte oder private Bibliotheken, deren Dokumentation möglicherweise nicht in den KI-Trainingsprozess eingeflossen ist.
Um einen Dokumentationseintrag hinzuzufügen, verwenden wir das Symbol @
und wählen dann Docs
aus dem Dropdown-Menü:
Daraufhin öffnet sich ein Fenster, in dem du die URL für die Dokumentation eingeben musst. Fügen wir die PyTorch Dokumentation als Beispiel an:
Nachdem wir die URL eingefügt haben, können wir dem Dokumentationseintrag einen Namen geben. In diesem Fall verwenden wir PyTorch
. Diesen Namen können wir dann verwenden, um in der Chat-Eingabeaufforderung mit @PyTorch
auf diese Dokumentation zu verweisen.
Dokumentationsverweise können auch in den Funktionen in den Cursor-Einstellungen verwaltet werden:
Cursor AI: Zusätzliche Funktionen und Vorteile
Sprachliche Unterstützung
Die Beispiele, die wir in diesem Artikel gezeigt haben, waren in Python, HTML und CSS. Aber Cursor wurde nicht mit dem Ziel entwickelt, eine bestimmte Sprache zu unterstützen. Da die Codegenerierung auf Allzweck-LLMsbasiert, kann Cursor Code in jeder Programmiersprache erzeugen. Es nutzt die Dateierweiterung, um zu erraten, welche Sprache verwendet werden soll.
Erweiterungen
Da Cursor auf VS Code aufbaut, profitiert es von dessen reichhaltigem Ökosystem an Erweiterungen. Wir können diese im Menü View
aufrufen.
Um Cursor für die Arbeit mit Python einzurichten, empfehle ich das VSCode Python Setup-Tutorialda die gleichen Funktionen sowohl in VSCode als auch in Cursor verfügbar sein sollten.
Zusammenarbeit mit anderen
Mit kollaborativen Tools wie Git mit Cursor ist ähnlich wie die Verwendung mit einem beliebigen Code-Editor. Diese Werkzeuge sind nicht davon abhängig, wie der Code geschrieben wurde. Es gibt Erweiterungen, die speziell für die Arbeit mit Git entwickelt wurden.
Erinnere dich daran, dass der Cursor-Chat es dir ermöglicht, Git-Repositories im Kontext zu verwenden, indem du den @
Operator benutzt. Dies sollte mit Vorsicht verwendet werden, wenn das Repository private Daten enthält.
Benutzerdefinierte KI-Regeln festlegen
Mit dem Cursor können wir die KI nach bestimmten Regeln steuern. Diese sind über das Menü "Allgemeine Einstellungen" zugänglich:
Diese Regeln können das Verhalten der KI ändern, ohne dass du sie wiederholt auffordern musst. Wir können zum Beispiel sicherstellen, dass die KI immer Typ-Hinweise in Python verwendet, indem wir eine Regel wie "Verwende immer Typ-Hinweise in Python-Funktionsdefinitionen" hinzufügen.
Benutzerdefinierte KI-Modelle
Eine weitere interessante Funktion von Cursor ist die Möglichkeit, andere KI-Modelle hinzuzufügen. Diese Option findest du unter den Einstellungen von Models
:
Hier können wir neue Modelle hinzufügen. Diese Modelleinstellungen ermöglichen es uns auch, unsere API-Schlüssel hinzuzufügen, wenn wir das möchten.
Cursor AI vs GitHub Copilot
Cursor AI und GitHub Copilot sind beides KI-gestützte Code-Assistenten, die jeweils einzigartige Funktionen bieten.
Cursor AI basiert auf VSCode und funktioniert wie ein eigenständiger Editor. Es ist eng mit der Programmierumgebung integriert, um Aufgaben zu automatisieren und intuitive Code-Vorschläge zu liefern, die das Schreiben und Refactoring von Code vereinfachen. Sie ist besonders für Entwickler geeignet, die eine tiefe Integration mit einer vertrauten IDE bevorzugen.
GitHub Copilot, entwickelt von GitHub und OpenAI, lässt sich in verschiedene beliebte Code-Editoren wie Visual Studio Code integrieren. Es liefert kontextbezogene Code-Vorschläge, die auf dem Codierungsstil und dem Projektkontext des Nutzers basieren. GitHub Copilot zeichnet sich durch die Vorhersage nachfolgender Codezeilen aus und unterstützt eine breite Palette von Programmiersprachen und Frameworks.
Aus der Perspektive der Integration bietet Cursor AI in seiner eigenständigen VSCode-basierten Umgebung erhebliche Anpassungsmöglichkeiten, die den Arbeitsablauf für einige Nutzer/innen verbessern könnten. Im Gegensatz dazu zeichnet sich GitHub Copilot durch seine einfache Einrichtung und Integration in weit verbreitete IDEs aus, was vielen Entwicklern die Einführung erleichtert.
Beide Tools bieten Code-Vorschläge in Echtzeit und Unterstützung für mehrere Sprachen und Frameworks. Cursor AI kann aufgrund seiner tiefgreifenden Integration für spezielle Aufgaben von Vorteil sein, während GitHub Copilot durch seine umfassende IDE-Unterstützung und die einfache Einrichtung für ein breiteres Publikum zugänglich ist.
Letztendlich kann die Entscheidung zwischen Cursor AI und GitHub Copilot von Faktoren wie Anpassungsbedarf, Integrationspräferenzen und Budget abhängen. Beide Tools zielen darauf ab, die Kodiereffizienz auf unterschiedliche Weise zu verbessern.
Fazit
Tools wie ChatGPT haben das Programmieren viel zugänglicher gemacht, indem sie es Nutzern ermöglichen, Code zu schreiben, indem sie einfach ihre Ziele in natürlicher Sprache erklären. Cursor geht noch einen Schritt weiter, indem es sich direkt in den Code-Editor integriert, sodass du nicht mehr zwischen dem Editor und einer Chat-Oberfläche wechseln musst.
Während Cursor AI eine umfassende Standalone-Lösung bietet, die speziell für die tiefe Integration in die VSCode-Umgebung entwickelt wurde, bieten Tools wie GitHub Copilot Vielseitigkeit in verschiedenen gängigen IDEs. Die Wahl zwischen den beiden hängt letztendlich von den individuellen Bedürfnissen und Vorlieben in Bezug auf Anpassung und einfache Einrichtung ab.
Zusammenfassend lässt sich sagen, dass Cursor AI ein leistungsstarker, KI-gesteuerter Code-Editor ist, der die Herangehensweise von Entwicklern an Kodierung, Refactoring und Debugging verändern wird.
FAQs
Was ist Cursor AI?
Cursor AI ist ein innovativer KI-gesteuerter Code-Editor, der den Programmierprozess vereinfacht und verbessert. Sie nutzt künstliche Intelligenz, um fortschrittliche Funktionen wie intelligente Code-Vervollständigung, Code-Generierung und Code-Basis-Verständnis zu bieten.
Wie öffne ich die KI im Cursor-Editor?
Die Funktionen von Cursor AI sind nahtlos in den Editor integriert. Du kannst KI-Aktionen mit Tastenkombinationen wie Ctrl+K
oder durch Interaktion mit bestimmten Codeschnipseln auslösen. Wenn du z.B. einen Code auswählst und auf Ctrl+K
drückst, kannst du ihn bearbeiten oder einen neuen Code nach deinen Vorgaben erstellen.
Ist Cursor AI kostenlos?
Ja, Cursor bietet eine kostenlose Version mit robusten KI-Funktionen. Es gibt auch ein Pro-Abo mit zusätzlichen Funktionen wie dem Zugang zu leistungsfähigeren KI-Modellen und erweiterten Kontextfenstern für ein besseres Codeverständnis. Zum Zeitpunkt des Verfassens dieses Artikels gelten die Modelle GPT-4, GPT-4o und Claude 3.5 Sonnet.
Verwendet Cursor Claude?
Ja, Cursor verwendet Claude 3 Opus und Claude 3.5 Sonnet (Premium-Modell).
Basiert Cursor auf VSCode?
Cursor hat zwar einige optische Ähnlichkeiten mit VSCode, basiert aber auf einer eigenen, unabhängigen Codebasis. Dadurch kann Cursor seine Architektur speziell für KI-gestützte Codierungsfunktionen optimieren.
Verdiene eine Top-KI-Zertifizierung
Entwickle mit diesen Kursen KI-Anwendungen!
Kurs
Entwicklung von KI-Systemen mit der OpenAI API
Kurs