Tutorial Claude Code: Vibe Coding Langsung dari Terminal

Vibe coding kini menjadi cara favorit banyak developer untuk membangun fitur dengan cepat. Alih-alih menulis setiap baris kode secara manual, kamu cukup mendeskripsikan intent dalam bahasa alami dan membiarkan AI agent menangani implementasi detailnya. Claude Code dari Anthropic adalah salah satu tool paling menonjol di ruang ini, memungkinkan vibe coding langsung dari terminal tanpa perlu keluar dari lingkungan development.

Claude Code adalah agentic coding tool yang membaca seluruh codebase, mengedit file, menjalankan command shell, dan berintegrasi dengan tool development lainnya. Ia tersedia dalam berbagai bentuk: CLI untuk terminal, ekstensi VS Code, aplikasi desktop standalone, hingga plugin JetBrains. Dokumentasi lengkap bisa diakses di code.claude.com.

Mengapa Claude Code untuk Vibe Coding

Beberapa keunggulan Claude Code dibandingkan approach chat-based biasa:

• Context awareness: Claude memahami struktur folder, dependency graph, dan konvensi kode yang ada di proyekmu.

• Tool use native: Bisa menjalankan test, membaca log, atau mengedit banyak file sekaligus tanpa kamu perlu copy-paste kode.

• MCP integration: Mendukung Model Context Protocol sehingga bisa terhubung ke database, API, atau knowledge base internal.

Langkah 1: Instalasi di Terminal

Cara termudah menginstal Claude Code adalah melalui script one-liner yang disediakan Anthropic. Perintah berikut berlaku untuk macOS, Linux, dan WSL.

curl -fsSL https://claude.ai/install.sh | bash

Untuk pengguna Windows dengan PowerShell, gunakan perintah berikut:

irm https://claude.ai/install.ps1 | iex

Setelah instalasi selesai, verifikasi dengan menjalankan claude --version. Pada penggunaan pertama, kamu akan diminta login ke akun Anthropic. Proses ini hanya perlu dilakukan sekali.

Langkah 2: Navigasi Proyek Pertama

Masuk ke folder proyek dan jalankan Claude Code. Tool ini secara otomatis akan menganalisa struktur repository dan membuat index untuk pencarian cepat.

cd my-project
claude

Di dalam sesi Claude Code, kamu bisa memberikan instruksi dalam bahasa alami. Misalnya: "Refactor the authentication middleware to use JWT instead of session cookies." Claude akan menganalisa file terkait, menyusun rencana perubahan, dan meminta persetujuan sebelum mengedit file.

Langkah 3: Membuat Fitur Baru dengan Natural Language

Salah satu workflow paling powerful adalah membuat fitur baru dari nol menggunakan deskripsi bahasa alami. Claude akan memecah tugas besar menjadi subtask kecil, membuat file baru, menginstal dependency jika diperlukan, dan menulis test.

Contoh instruksi yang efektif:

Add a rate limiting middleware using Redis. It should limit each IP to 100 requests per minute and return 429 when exceeded. Include unit tests.

Claude akan secara otomatis:

• Memeriksa apakah Redis client sudah terpasang di proyek.

• Membuat atau mengedit file middleware rate limiter.

• Mengintegrasikan middleware ke entry point aplikasi.

• Menulis test case untuk skenario valid dan invalid.

Gunakan command /plan jika ingin melihat rencana perubahan sebelum dieksekusi. Ini sangat berguna untuk refactoring besar yang melibatkan banyak file.

Langkah 4: Debugging dan Refactoring Otomatis

Claude Code tidak hanya berguna untuk menulis kode baru, tapi juga untuk debugging. Ketika test gagal, salin pesan error dan minta Claude menganalisa penyebabnya.

Contoh workflow debugging:

The test suite is failing with a timeout error on the payment gateway mock. Investigate and fix the issue.

Claude akan membaca file test dan implementasi, mengecek konfigurasi mock, lalu mengusulkan perbaikan. Kamu bisa menggunakan command /test untuk menjalankan test suite langsung dari dalam sesi Claude Code.

Langkah 5: Integrasi dengan MCP Server

Kekuatan Claude Code meningkat signifikan ketika dihubungkan dengan MCP server. Dengan konfigurasi yang tepat, Claude bisa membaca skema database lokal, mengakses API internal, atau mencari dokumentasi dari knowledge base perusahaan.

Tambahkan konfigurasi MCP server ke file claude_desktop_config.json atau langsung dari sesi terminal menggunakan environment variable. Claude Code akan mendeteksi resource dan tool yang tersedia secara otomatis.

Untuk tutorial membangun MCP server sendiri, baca panduan di modelcontextprotocol.io/quickstart/server.

Tips Workflow Produktif

Agar vibe coding dengan Claude Code tetap terkontrol dan menghasilkan kode berkualitas, terapkan beberapa kebiasaan berikut:

• Selalu review diff sebelum menyetujui perubahan. Gunakan command /diff untuk melihat ringkasan perubahan.

• Buat file CLAUDE.md di root proyek untuk memberikan konteks khusus tentang arsitektur, konvensi penamaan, atau aturan bisnis yang harus diikuti.

• Gunakan /undo jika perubahan tidak sesuai harapan. Claude Code menyimpan history sehingga rollback menjadi mudah.

• Batasi scope per sesi. Satu sesi idealnya hanya menangani satu fitur atau satu bug agar konteks tetap fokus.

Kesimpulan

Claude Code mengubah terminal dari sekadar command executor menjadi kolaborator aktif dalam proses development. Dengan kemampuan membaca codebase, menjalankan command, dan berintegrasi dengan MCP server, tool ini adalah pilihan solid untuk developer yang ingin mencoba vibe coding tanpa meninggalkan workflow terminal.

Mulailah dari proyek kecil, biasakan mereview setiap perubahan, dan perlahan-lahan tingkatkan kompleksitas tugas yang diberikan kepada Claude. Referensi lengkap tersedia di dokumentasi resmi Claude Code.