Cursor IDE

In diesem Video sprechen wir über Cursor ID, eine KI gestützte Entwicklungsumgebung für Softwareprojekte jeder Art.

Unter Cursor COM können wir über diesen Button hier Cursor für unser jeweiliges Betriebssystem herunterladen und im Anschluss installieren.

Was ist überhaupt Cursor und was kann es?

Stell dir vor, du hättest einen persönlichen Programmierer, der neben dir sitzt und alle deine Softwareideen in natürlichem gesprochenen Deutsch verstehen und aufnehmen kann.

Dieser würde diese gesamten Softwareprojekte auch eigenständig abbilden bzw.

Aufbauen können.

Und genau das ist Cursor.

Cursor ist ein Texteditor mit integrierter KI.

Bedeutet, er kann Code für dich schreiben, deine Fragen beantworten, komplette Projekte aufbauen und Fehler finden und beheben.

Die einfache Erklärung wäre, dass man früher Programmiersprachen lernen musste.

Fehlersuche dauerte Stunden und jede Zeile musste selbst getippt werden.

Google und Stackoverflow waren dabei die ständigen Begleiter.

Mit Cursor beschreibst du einfach, was du haben möchtest.

Die KI generiert den Code, die KI findet und behebt Fehler und am Ende erklärt dir die KI auch das gesamte Projekt im Editor.

Nachdem wir Cursor Percursor Com heruntergeladen und installiert haben, sehen wir unsere erste Benutzeroberfläche.

Wir haben die Möglichkeit ein Projekt zu öffnen, eine Repository von GitHub zu klonen oder uns per SSH zu verbinden.

Im Grunde genommen müssen wir hierfür erstmal einen Ordner anlegen.

Ich habe beispielsweise einen Testordner auf dem Desktop angelegt, zu welchem ich jetzt kurz navigiere.

Nachdem wir nun unserem Projektordner einen Cursor geöffnet haben, sehen wir hier das gesamte Interface.

Dieses besteht aus verschiedenen Elementen, welche ich euch jetzt einmal kurz erklären werde.

Oben haben wir die Menüleiste.

Diese ermöglicht uns eine einfache Navigation durch die IDE.

Links haben wir den File Explorer.

Dort würde unsere gesamte Projektstruktur aufgelistet werden.

Wir würden die einzelnen Verzeichnisse und Dateien sehen können.

In der Mitte sehen wir dann die Editor Ansicht.

Diese würde uns ermöglichen, wenn wir beispielsweise links im File Explorer eine Datei geöffnet haben, dass diese hier angezeigt wird.

Diese können wir dann hier einsehen und auch bearbeiten.

Unten habe ich schon mal das Terminal eingeblendet, da wir dies benötigen werden.

Dieses blendet ihr über die View Terminal entsprechend ein.

Dazu haben wir rechts dann entsprechend den KI Chat, über welchen wir die gesamte Entwicklung dann per KI steuern werden.

In unserem Fall konzentrieren wir uns zunächst auf den KI Chat.

Hier haben wir die Möglichkeit, in natürlichem, quasi gesprochenem Deutsch mit der KI zu interagieren.

Hier ist ein erster Prompt, welchen ich eingeben würde.

Ich möchte eine Website aufbauen mit Next, React und TypeScript mit einer modernen Darstellung von hello World.

Wie wir sehen, fängt die KI sofort mit der Entwicklung an.

Zunächst wird der Projektzustand geprüft und danach wird das gesamte Projekt aufgebaut.

Und nach wenigen Sekunden Entwicklungszeit steht nun unsere Website.

Hierfür gehen wir unten ins Terminal, geben npm install ein.

Nachdem nun alle Abhängigkeiten für das Projekt installiert wurden, haben wir jetzt die Möglichkeit, unsere Website direkt anzuschauen.

Wir geben dafür npm run dev ein, um den Entwicklungsserver zu starten.

Super bequem, dass sich hier auch direkt in meiner Entwicklungs bzw.

Editoransicht ein kleiner Browser befindet, worüber wir die Möglichkeit haben, unsere neue Website direkt zu sehen.