Rumah >hujung hadapan web >tutorial js >Pengalaman pertama saya dengan Cursor + Claude Sonnet

Pengalaman pertama saya dengan Cursor + Claude Sonnet

WBOY
WBOYasal
2024-09-03 17:04:011241semak imbas

Pengalaman pertama saya menggunakan Kursor sebagai IDE dan Claude 3.5 Sonnet untuk membangunkan perisian

Minha primeira experiência com Cursor + Claude Sonnet

Saya percaya bahawa sekarang anda telah mendengar, atau sekurang-kurangnya melihat sesuatu yang berkaitan dengan Kursor. Jika tidak, berikut ialah penerangan ringkas tentang apa itu, mengikut dokumentasinya sendiri:

Kursor ialah garpu Kod VS. Ini membolehkan kami menumpukan pada cara terbaik untuk membuat kod dengan AI, sambil menawarkan pengalaman penyuntingan teks biasa.

Ringkasnya, Kursor ialah IDE yang mempunyai penyepaduan dan fungsi yang dikaitkan secara langsung dengan penggunaan AI untuk pembangunan perisian.

Yang berkata, mari lihat pengalaman saya :)

Saya tinggalkan di sini pautan ke repositori: Game of Life

latar belakang saya

Supaya anda lebih memahami pengalaman saya, saya akan meninggalkan di sini beberapa maklumat yang mungkin berkaitan dengan keputusan dan pertimbangan terakhir saya:

  • Saya seorang pembangun perisian, lebih khusus Front-end dengan pengalaman 5 tahun
  • Saya mempunyai ijazah dalam Sains Komputer
  • Saya tidak pernah menggunakan sebarang sambungan peringkat IDE selain daripada Github Copilot yang melibatkan AI
  • Ya, saya menggunakan ChatGPT dalam kehidupan seharian saya (saya ada beberapa perkara tentang perkara ini, tetapi itu untuk siaran seterusnya)

Seperti setiap pengalaman, kita perlu menentukan peraturan:

Saya DIWAJIBKAN menerima cadangan kod yang dijana AI
Gunakan bahasa Inggeris sebagai bahasa komunikasi
Saya tidak boleh menukar kod untuk mencari penyelesaian kepada pepijat dan/atau meningkatkan kualiti perkara yang dijana
Objektif
Untuk menguji semua yang telah dinyatakan, objektifnya adalah untuk melaksanakan versi interaktif "Game of Life" Jhon Cornway menggunakan Angular 17 (ya, versi itu berkaitan dengan kandungan artikel ini)

Permainan Kehidupan

Permainan kehidupan ialah Automaton selular, yang mempunyai beberapa peraturan yang ditetapkan:

  • Sel hidup dengan 2 atau 3 jiran masih hidup.
  • Sel hidup dengan kurang daripada 2 jiran hidup mati.
  • Sel hidup dengan lebih daripada 3 jiran hidup mati.
  • Sel mati dengan tepat 3 jiran hidup menjadi hidup.

Minha primeira experiência com Cursor + Claude Sonnet

Gesaan

Seperti yang dinyatakan sebelum ini, bahasa yang digunakan adalah bahasa Inggeris untuk keseluruhan interaksi dan arahan diberikan secara langsung dan jelas, seperti:

Melaksanakan "Game of Life" dalam grid dengan lebar dan ketinggian penuh skrin.
Tambahkan butang yang merawak grid dan satu lagi yang akan bermula
simulasi itu. Sila gunakan Bahan Sudut untuk gaya

Penting: Saya memutuskan untuk menulis artikel ini sedikit selepas ujian dan saya kehilangan sejarah dengan arahan dan keputusan, jadi saya tidak boleh meletakkan 100% daripada apa yang saya tulis dan itu menjelaskan ketiadaan keputusan setiap perintah. Walau bagaimanapun, saya akan melakukan susulan dengan langkah seterusnya dan evolusi projek ini.

Untuk setiap penjanaan kod, saya menerima segala-galanya, menjalankannya dan meminta pembetulan seperti pelarasan reka letak, jidar, pepijat, dll.

Kualiti kod

Saya tidak boleh mengatakan bahawa kod itu sempurna, tetapi saya boleh mengatakan dengan mudah bahawa kod yang boleh dibaca dan difahami telah dijana pada setiap masa, supaya jika perlu saya akan dapat campur tangan dan membetulkan/memperbaiki sesuatu yang dijana.

Pepijat/Masalah

Sama seperti kami pengaturcara daging dan darah, AI juga menjana pepijat, dan kenalan pertama saya tidak berbeza. Saya mempunyai banyak masalah dengan kedudukan elemen dalam susun atur (seperti statistik dan keterlihatan butang), beberapa masalah dengan warna grid dan yang utama: sistem pengesanan corak tidak berfungsi (tetapi ia disenaraikan sebagai langkah seterusnya).

Walaupun menghadapi masalah, kod yang dijana boleh dipercayai dan menyelesaikan perkara yang diminta, memerlukan beberapa pelarasan di sana sini. Perlu diketengahkan bahawa peraturan Permainan Kehidupan semuanya dilaksanakan tanpa sebarang masalah atau keperluan untuk pelarasan.

Masa

Saya percaya saya menghabiskan masa kurang daripada 1j30m untuk keseluruhan projek, dengan mengambil kira bahawa saya masih membiasakan diri dengan jalan pintas dan menguji beberapa cara untuk melaksanakan gesaan. Dan walaupun ia bukan projek yang sangat kompleks, saya memerlukan sekurang-kurangnya 2x masa itu (bersifat optimistik) untuk melaksanakannya dengan cara yang sama.

Mata positif

  • Penjanaan kod pantas
  • Fleksibiliti menambah konteks pada setiap arahan menjadikannya lebih mudah untuk membetulkan pepijat, mencipta fungsi dan mencari masalah yang mungkin anda tidak tahu ada di sana
  • Kod yang berfungsi :)
  • IDE berdasarkan VSCode, jadi saya boleh mengimport semua yang saya gunakan dalam kehidupan seharian saya

Mata negatif

  • Masih sukar untuk menyelesaikan beberapa masalah (terutamanya berkaitan dengan susun atur)
  • Walaupun kod itu berfungsi, sesetengah pelaksanaan meninggalkan sedikit yang diingini

Kesimpulan

Saya sangat terkejut dan sangat berpuas hati dengan kualiti semua yang dihasilkan dan saya percaya bahawa saya boleh mendapat banyak manfaat daripada ini setiap hari untuk kerja manual dan berulang seperti menjana ujian, membetulkan pepijat mudah, mencipta MVP dan konsep mudah, jadi saya masih perlu membuat pelarasan supaya kualiti kod menggembirakan saya.

Langkah Seterusnya

Sekarang prototaip pertama telah dibuat, langkah seterusnya adalah untuk mencipta ciri baharu untuk projek ini (saya benar-benar mahu membetulkan pengesanan Corak dan menambah beberapa corak pra-dilaksanakan seperti Logic Gates). Tambahan pula, saya akan mencipta aplikasi menggunakan teknologi yang saya tidak kuasai (tetapi saya mahu belajar seperti Three.js) dan bukan sahaja menerima kod tersebut, tetapi juga melaraskan dan meningkatkan kualiti apa yang dijana untuk memahami potensi sebenar.

Ah, saya juga ingin melihat bagaimana v0 berfungsi (nampak sangat menarik).

Sekali lagi pautan ke repositori di Github: Game of Life.

Jika anda telah membaca sejauh ini, terima kasih banyak-banyak :)
Tinggalkan ulasan atau cadangan anda untuk siaran akan datang di sini

Atas ialah kandungan terperinci Pengalaman pertama saya dengan Cursor + Claude Sonnet. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn