Learning Timeline
Key Insights
Kelebihan Pengguna Advanced
Menggunakan Claude dalam VS Code adalah cara terbaik untuk pengguna profesional (advanced) kerana anda boleh melihat apa yang berlaku 'under the hood' sambil AI menjana kod.
Visualisasi Struktur Fail
Berbeza dengan chat biasa, integrasi VS Code membolehkan anda melompat (jump) antara fail dengan cepat untuk menyemak hasil kerja Claude dengan lebih teliti.
Prompts
Analisis Kod dalam VS Code
Target:
Claude Code
Explain the current folder structure and how these files interact with each other. Suggest any improvements for better code organization.
Step by Step
Cara Pasang dan Jalankan Claude Code dalam VS Code
- Buka aplikasi Visual Studio Code (VS Code) di komputer anda.
- Klik pada ikon 'Extensions' di sidebar sebelah kiri (ikon berbentuk empat kotak).
- Taip 'Claude Code' di dalam ruangan carian 'Search Extensions in Marketplace'.
- Pilih extension Claude Code yang rasmi dan klik butang 'Install'.
- Setelah siap, cari dan klik ikon Claude yang muncul pada sidebar VS Code.
- Sekiranya anda berada di dalam aplikasi desktop Claude, anda juga boleh klik ikon 'Open in VS Code' untuk memindahkan projek tersebut ke dalam editor secara automatik.
- Gunakan panel chat Claude yang terbuka di dalam VS Code untuk mula memberikan prompt atau arahan kod.
- Semak struktur folder di bahagian 'Explorer' (sidebar kiri) untuk melihat perubahan kod yang dilakukan oleh Claude secara real-time.