Heim > Web-Frontend > js-Tutorial > Meine erste Erfahrung mit Cursor + Claude Sonnet

Meine erste Erfahrung mit Cursor + Claude Sonnet

WBOY
Freigeben: 2024-09-03 17:04:01
Original
1267 Leute haben es durchsucht

Meine ersten Erfahrungen mit Cursor als IDE und Claude 3.5 Sonnet zur Entwicklung von Software

Minha primeira experiência com Cursor + Claude Sonnet

Ich glaube, dass Sie inzwischen etwas im Zusammenhang mit Cursor gehört oder zumindest etwas gesehen haben. Falls nicht, finden Sie hier eine kurze Beschreibung dessen, was es laut eigener Dokumentation ist:

Cursor ist eine Abzweigung von VS-Code. Dadurch können wir uns darauf konzentrieren, die beste Methode zum Codieren mit KI zu entwickeln und gleichzeitig ein vertrautes Textbearbeitungserlebnis zu bieten.

Zusammenfassend lässt sich sagen, dass Cursor eine IDE ist, deren Integration und Funktionalitäten direkt mit der Verwendung von KI für die Softwareentwicklung verknüpft sind.

Das heißt, schauen wir uns meine Erfahrungen an :)

Ich lasse hier den Link zum Repository: Game of Life

Mein Hintergrund

Damit Sie meine Erfahrungen besser verstehen, hinterlasse ich hier einige Informationen, die für das Ergebnis und meine abschließenden Überlegungen relevant sein können:

  • Ich bin Softwareentwickler, genauer gesagt Frontend, mit 5 Jahren Erfahrung
  • Ich habe einen Abschluss in Informatik
  • Ich hatte außer Github Copilot noch nie eine Erweiterung auf IDE-Ebene verwendet, die KI beinhaltete
  • Ja, ich verwende ChatGPT in meinem täglichen Leben (ich habe mehrere Punkte dazu, aber das ist für einen nächsten Beitrag)

Wie bei jeder Erfahrung müssen wir Regeln definieren:

Ich bin VERPFLICHTET, KI-generierte Codevorschläge zu akzeptieren
Verwenden Sie Englisch als Kommunikationssprache
Ich kann den Code nicht ändern, um Lösungen für Fehler zu finden und/oder die Qualität dessen zu verbessern, was generiert wurde
Ziel
Um alles zu testen, worauf hingewiesen wurde, besteht das Ziel darin, eine interaktive Version von Jhon Cornways „Game of Life“ mit Angular 17 zu implementieren (ja, die Version ist für den Inhalt dieses Artikels relevant)

Spiel des Lebens

Das Spiel des Lebens ist ein zellularer Automat, der einige definierte Regeln hat:

  • Eine lebende Zelle mit 2 oder 3 lebenden Nachbarn bleibt am Leben.
  • Eine lebende Zelle mit weniger als 2 lebenden Nachbarn stirbt.
  • Eine lebende Zelle mit mehr als 3 lebenden Nachbarn stirbt.
  • Eine tote Zelle mit genau 3 lebenden Nachbarn wird lebendig.

Minha primeira experiência com Cursor + Claude Sonnet

Aufforderungen

Wie bereits erwähnt, wurde für die gesamte Interaktion Englisch verwendet und die Befehle wurden direkt und klar gegeben, wie zum Beispiel:

Implementiert „Game of Life“ in einem Raster mit voller Breite und Höhe des Bildschirms.
Fügen Sie eine Schaltfläche hinzu, die das Raster zufällig anordnet, und eine weitere, die startet
die Simulation. Bitte verwenden Sie für die Stile eckiges Material

Wichtig: Ich habe beschlossen, diesen Artikel kurz nach dem Test zu schreiben, und habe den Verlauf mit den Befehlen und den Ergebnissen verloren, sodass ich nicht 100 % von dem wiedergeben kann, was ich geschrieben habe, und das erklärt das Fehlen des jeweiligen Ergebnisses Befehl. Ich werde jedoch die nächsten Schritte und die Entwicklung dieses Projekts weiterverfolgen.

Bei jeder Codegeneration habe ich alles akzeptiert, ausgeführt und um Korrekturen wie Layoutanpassung, Rand, Fehler usw. gebeten.

Codequalität

Ich kann nicht sagen, dass der Code perfekt ist, aber ich kann mit Sicherheit sagen, dass jederzeit lesbarer und verständlicher Code generiert wurde, sodass ich bei Bedarf eingreifen und etwas, das generiert wurde, korrigieren/verbessern konnte.

Fehler/Probleme

Genau wie wir Programmierer aus Fleisch und Blut erzeugen auch KIs Fehler, und mein erster Kontakt war nicht anders. Ich hatte viele Probleme mit der Positionierung von Elementen im Layout (z. B. den Statistiken und der Sichtbarkeit der Schaltflächen), einige Probleme mit den Farben des Rasters und das Wichtigste: Das Mustererkennungssystem funktioniert nicht (aber es wird als nächste Schritte aufgeführt).

Trotz der Probleme war der generierte Code zuverlässig und löste die Anforderungen, was hier und da einige Anpassungen erforderte. Hervorzuheben ist, dass die Regeln des „Game of Life“ alle ohne Probleme oder Anpassungsbedarf umgesetzt wurden.

Zeit

Ich glaube, ich habe weniger als 1 Stunde und 30 Minuten für das gesamte Projekt aufgewendet, wenn man bedenkt, dass ich mich noch an die Verknüpfungen gewöhnen und einige Möglichkeiten zum Ausführen der Eingabeaufforderungen testen musste. Und obwohl es kein sehr komplexes Projekt ist, würde ich (optimistisch) mindestens das Doppelte dieser Zeit benötigen, um es auf die gleiche Weise umzusetzen.

Positive Punkte

  • Schnelle Codegenerierung
  • Die Flexibilität, zu jedem Befehl Kontext hinzuzufügen, macht es viel einfacher, Fehler zu beheben, Funktionen zu erstellen und nach Problemen zu suchen, von denen Sie vielleicht nicht wussten, dass sie da sind
  • Code, der funktioniert :)
  • IDE basiert auf VSCode, sodass ich einfach alles importieren kann, was ich in meinem täglichen Leben verwende

Negative Punkte

  • Es ist immer noch schwierig, einige Probleme zu lösen (hauptsächlich im Zusammenhang mit dem Layout)
  • Obwohl der Code funktionsfähig ist, lassen einige Implementierungen ein wenig zu wünschen übrig

Abschluss

Ich bin sehr überrascht und sehr zufrieden mit der Qualität von allem, was produziert wurde, und ich glaube, dass ich täglich davon bei manuellen und sich wiederholenden Arbeiten wie dem Generieren von Tests, dem Beheben einfacher Fehler, dem Erstellen von MVPs usw. viel profitieren kann Konzepte sind einfach, daher muss ich noch Anpassungen vornehmen, damit mir die Qualität des Codes gefällt.

Nächste Schritte

Da nun der erste Prototyp erstellt wurde, werden die nächsten Schritte darin bestehen, neue Funktionen für dieses Projekt zu erstellen (ich möchte unbedingt die Mustererkennung reparieren und einige vorimplementierte Muster wie Logic Gates hinzufügen). Darüber hinaus werde ich Anwendungen mit Technologien erstellen, die ich nicht beherrsche (die ich aber wie Three.js lernen möchte) und nicht nur den Code akzeptieren, sondern auch die Qualität dessen, was generiert wurde, anpassen und verbessern, um das wahre Potenzial zu verstehen.

Ah, ich möchte auch sehen, wie v0 funktioniert (es sieht sehr interessant aus).

Nochmals der Link zum Repository auf Github: Game of Life.

Wenn Sie bis hierhin gelesen haben, vielen Dank :)
Hinterlassen Sie hier Ihre Bewertung oder Ihren Vorschlag für zukünftige Beiträge

Das obige ist der detaillierte Inhalt vonMeine erste Erfahrung mit Cursor + Claude Sonnet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage