Tambah Dark Mode Feature guna Claude Code | Alpha | PandaiTech

Tambah Dark Mode Feature guna Claude Code

Teknik 'Vibe Coding' untuk tambah ciri Dark Mode pada aplikasi secara pantas menggunakan arahan mudah, kemudian commit dan push perubahan tersebut ke GitHub.

Learning Timeline
Key Insights

Konsep 'Vibe Coding'

Anda tidak perlu menghafal command teknikal atau sintaks kod yang kompleks. Cukup sekadar 'berbual' dengan Claude Code menggunakan bahasa biasa untuk mengarahkan AI membina feature bagi pihak anda.

Tips Memahami Kod AI

Jika anda tidak memahami baris kod yang dijana atau dipadam oleh AI di GitHub Desktop, anda boleh copy & paste kod tersebut ke dalam Claude atau ChatGPT untuk meminta penjelasan dalam bahasa yang lebih mudah difahami.
Prompts

Arahan Penjanaan Feature Dark Mode

Target: Claude Code
add a dark mode
Step by Step

Menambah Feature Dark Mode Menggunakan Claude Code

  1. Jalankan interface Claude Code di dalam direktori projek anda melalui terminal.
  2. Taip arahan dalam bahasa tabii (natural language) seperti 'add a dark mode' dan tekan Enter.
  3. Tunggu Claude Code menganalisis kod sedia ada dan melakukan kemas kini (update) pada fail-fail yang berkaitan secara automatik.
  4. Buka aplikasi GitHub Desktop untuk menyemak semua perubahan kod yang telah dilakukan oleh AI.
  5. Sahkan perubahan kod di panel 'Changes'. Jika perlu, anda boleh menyalin kod tersebut ke ChatGPT untuk mendapatkan penjelasan lanjut tentang logik yang digunakan.
  6. Pada bahagian bawah kiri GitHub Desktop, masukkan tajuk 'dark mode update' di ruangan 'Summary'.
  7. Masukkan nota tambahan seperti 'added dark mode' di ruangan 'Description'.
  8. Klik butang biru 'Commit to [nama branch]' untuk menyimpan perubahan pada repositori lokal.
  9. Klik butang 'Push origin' di bahagian atas untuk menghantar (upload) perubahan tersebut ke akaun GitHub anda.
  10. Buka pelayar web, akses repositori GitHub anda, dan 'Refresh' halaman untuk mengesahkan perubahan telah berjaya dikemaskini pada branch tersebut.

More from Coding & Pembangunan Aplikasi AI

View All