Anthropic merilis Claude Code, sebuah agentic coding tool yang berjalan langsung di terminal dan mampu membaca codebase, mengedit file, menjalankan perintah, serta berinteraksi dengan ekosistem development tools-mu. Tutorial ini akan memandu setup dan workflow optimal untuk vibe coding dengan Claude Code.
Claude Code tersedia via npm. Pastikan Node.js 18+ sudah terinstall, lalu jalankan perintah berikut:
npm install -g @anthropic-ai/claude-code
Setelah installasi selesai, autentikasikan dengan API key Anthropic-mu:
claude auth login
Masukkan API key saat diminta. Claude Code akan menyimpan token secara lokal di sistem-mu.
Masuk ke direktori project dan jalankan:
cd /path/to/your-project
claude init
Proses indexing akan memindai seluruh file di repository. Claude akan memahami struktur folder, dependency, dan coding pattern yang kamu gunakan. Untuk project besar, ini bisa memakan waktu beberapa menit.
Claude Code menerima perintah dalam bahasa alami. Beberapa contoh praktis:
# Refactor fungsi legacy menjadi modular
claude refactor src/utils/helper.js menjadi ES module
# Debug error di endpoint API
claude debug kenapa endpoint /api/v1/users return 500
# Generate unit test
claude buatkan test untuk fungsi calculateTotal di file cart.js
Claude akan otomatis membaca file terkait, menganalisis konteks, dan mengusulkan perubahan. Kamu bisa review diff sebelum apply.
Setiap perubahan yang diajukan Claude bisa di-review dengan perintah:
claude diff
claude apply
Gunakan claude diff untuk melihat perubahan yang akan dilakukan. Jika setuju, jalankan claude apply. Claude juga bisa langsung membuat commit dengan message yang deskriptif:
claude commit -m "refactor: split monolith helper ke modular utils"
Ini mengurangi friction saat development karena kamu tidak perlu switch konteks ke editor.
Jangan pernah memasukkan secret atau credential ke prompt. Claude Code membaca seluruh file di project, pastikan .env dan file sensitif sudah masuk .gitignore serta .claudeignore.
echo ".env" >> .claudeignore
echo "secrets.json" >> .claudeignore
Selalu review setiap diff sebelum apply, terutama untuk file konfigurasi production. Claude adalah asisten yang powerful, tapi kode production tetap tanggung jawab developer.
Sumber tutorial ini diadaptasi dari Claude Code Official Documentation dan GitHub Claude Code.
Dapatkan feedback, users, dan eksposur dari komunitas kreator, developer, dan entrepreneur digital Indonesia.
Submit Produk → Pelajari Dulu