Setup dan Run Claude Code dalam VS Code | Alpha | PandaiTech

Setup dan Run Claude Code dalam VS Code

Panduan pasang extension Claude Code di VS Code. Sangat sesuai untuk pengguna yang nak semak struktur folder dan kod sumber sambil bagi arahan prompt kepada AI.

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

  1. Buka aplikasi Visual Studio Code (VS Code) di komputer anda.
  2. Klik pada ikon 'Extensions' di sidebar sebelah kiri (ikon berbentuk empat kotak).
  3. Taip 'Claude Code' di dalam ruangan carian 'Search Extensions in Marketplace'.
  4. Pilih extension Claude Code yang rasmi dan klik butang 'Install'.
  5. Setelah siap, cari dan klik ikon Claude yang muncul pada sidebar VS Code.
  6. 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.
  7. Gunakan panel chat Claude yang terbuka di dalam VS Code untuk mula memberikan prompt atau arahan kod.
  8. Semak struktur folder di bahagian 'Explorer' (sidebar kiri) untuk melihat perubahan kod yang dilakukan oleh Claude secara real-time.

More from Coding & Pembangunan Aplikasi AI

View All