Andi udah jago pakai Cline di VS Code. Tapi project-nya makin besar, dan dia butuh senjata yang lebih cepat.
Andi duduk di depan laptopnya, sore hari di perpustakaan kampus. Layar VS Code penuh tab — index.html, style.css, app.js, about.html, contact.html, pricing.html... Project UMKM-nya udah berkembang pesat. Dari satu halaman HTML sekarang jadi website lengkap dengan 12 halaman.
Cline masih jadi andalannya. Setiap kali butuh perubahan, dia ketik instruksi, Cline nulis kode, dia review. Kerja bagus. Tapi ada satu masalah yang makin terasa.
Cline lambat untuk perubahan besar.
Misalnya, Andi mau nambahin halaman faq.html dan team.html dengan style yang sama kayak halaman lain. Di Cline, dia harus satu per satu — minta bikin faq.html, tunggu, review, approve. Lalu minta bikin team.html, tunggu lagi, review lagi, approve lagi. Belum kalau butuh update di file yang lain barengan.
Untuk satu-dua perubahan, ini gak masalah. Tapi kalau ada 5-6 file yang harus diubah sekaligus? Andi bisa habis 30 menit cuma buat approve-approve doang.
Andi ngeluh ke Raka lagi. Kali ini bukan soal gak bisa coding — Andi udah lumayan jago manage project. Masalahnya adalah efisiensi.
Terminal (atau command line, atau console) itu cara ngomong langsung ke komputer pakai teks. Gak pakai tombol, gak pakai menu, gak pakai ikon. Kamu ketik perintah, komputer ngejalanin.
Kedengeran seram? Gak kok. Anggap aja terminal itu kayak chat box — tapi yang kamu chat adalah komputer kamu sendiri.
Bayangin kamu di restoran. Ada dua cara pesen makanan:
Terminal bukan sesuatu yang harus ditakuti. Justru banyak hal yang hanya bisa dilakukan lewat terminal — dan AI agent seperti OpenCode memanfaatkan ini supaya bisa ngerjain banyak hal sekaligus.
Tergantung laptop kamu:
Ctrl + Alt + TKamu akan lihat jendela hitam (atau biru) dengan teks berkedip. Selamat — kamu udah di terminal! 🎉
OpenCode adalah AI coding agent yang jalan di terminal. Beda sama ChatGPT yang cuma kasih teks, atau Cline yang butuh VS Code — OpenCode langsung nempel di project kamu lewat command line.
Yang bikin OpenCode istimewa:
npm install, bikin folder, rename file, dll.Ini konsep penting yang harus kamu pahami sebelum lanjut. Ada dua tipe AI dalam dunia coding:
AI chat itu seperti ngobrol sama temen yang jago coding. Kamu tanya, dia jawab. Tapi cuma kasih teks. Dia gak bisa:
Kamu harus copy-paste hasilnya sendiri. Manual.
AI agent itu kayak punya asisten pribadi yang tinggal di komputer kamu. Dia bisa:
Singkatnya: chat kasih jawaban, agent kasih aksi.
AI Chat = Kamu tanya resep masakan, dia kasih langkah-langkahnya. Kamu yang masak sendiri.
AI Agent = Kamu bilang "masak rendang", dia langsung masak. Kamu tinggal cicipin.
Dua-duanya bagus. Dua-duanya punya tempat masing-masing. Ini perbandingannya:
| Aspek | Cline (VS Code) | OpenCode (Terminal) |
|---|---|---|
| Tempat kerja | Di dalam VS Code (GUI) | Di terminal (command line) |
| Akses file | Per file, kamu pilih yang mau diedit | Baca seluruh project sekaligus |
| Kecepatan bulk | Satu file per iterasi | Banyak file dalam satu prompt |
| Jalankan command | Bisa, tapi terbatas | Penuh — install, build, deploy |
| Visual preview | Bisa langsung buka file | Harus buka browser sendiri |
| Learning curve | Rendah (visual, familiar) | Sedang (harus tau dasar terminal) |
| Best for | Edit kecil, visual tweaks, debug | Bulk work, refactoring, scaffolding |
Oke, sekarang kita lihat gimana Andi pakai OpenCode untuk pertama kalinya. Raka nemenin dia lewat video call.
Pertama, Andi buka terminal dan install OpenCode. Caranya gampang — satu perintah:
npm install -g opencodeSelesai. OpenCode udah terinstall. Gak perlu download installer, gak perlu klik-klik wizard.
Andi masuk ke folder project-nya pakai perintah cd (change directory):
cd /Users/andi/project-umkmCukup ketik:
opencodeTerminal langsung berubah. Ada kotak chat di dalam terminal, siap menerima instruksi dari Andi.
Andi ketik satu instruksi besar:
Buatkan halaman about.html dan contact.html dengan style yang
sama seperti index.html. Tambahkan juga file css/about.css dan
css/contact.css yang mengextend style.css yang sudah ada.Dan apa yang terjadi? OpenCode langsung kerja.
index.html dan style.css untuk paham style yang dipakaiabout.html dengan konten yang relevancontact.html dengan form kontakcss/about.css dan css/contact.cssEmpat file baru, satu instruksi. Gak perlu approve satu per satu. Gak perlu copy-paste. Selesai.
OpenCode bisa nulis dan ngehapus file. Pastikan project kamu udah di-track pakai Git (atau minimal punya backup) sebelum kasih instruksi besar. Kalau hasilnya gak sesuai harapan, kamu bisa balikin ke versi sebelumnya. Ini berlaku buat semua AI agent — bukan cuma OpenCode.
Ini panduan simpel yang Andi pelajari dari pengalaman pakai dua tool ini:
Mau edit satu file, tweak warna atau padding, benerin bug di satu bagian, atau lagi butuh visual feedback langsung di VS Code. Cline juga lebih enak kalau kamu lagi eksplorasi dan pengen lihat preview-nya sebelum commit.
Mau bikin banyak file sekaligus, nambahin fitur besar yang nge-touch banyak halaman, refactoring kode (misal: rename semua class CSS), install dependencies, atau nge-setup project dari nol. OpenCode jauh lebih cepat buat kerja-kerja "berat" kayak gini.
Yang penting: dua-duanya bisa dipakai barengan. Andi sering pakai Cline buat edit kecil di VS Code, terus switch ke OpenCode di terminal kalau butuh ngerjain sesuatu yang besar. Gak harus pilih salah satu.
Mulai dari Cline, upgrade ke OpenCode kalau udah siap. Jangan buru-buru. Pelajari terminal pelan-pelan. Setelah kamu nyaman dengan cd, ls, dan mkdir, baru cobain OpenCode. Perjalanan Andi di bab ini adalah contoh yang bagus — dia gak langsung loncat ke terminal, tapi naik level setelah fondasinya kuat.
Satu minggu setelah kenalan sama OpenCode, workflow Andi berubah drastis. Yang dulu butuh 2 jam buat bikin 5 halaman, sekarang bisa selesai dalam 20 menit.
Dia mulai ngerti kenapa terminal itu penting. Bukan buat keliatan keren atau sok hacker — tapi karena beberapa hal emang lebih efisien lewat terminal. Dan dengan AI agent seperti OpenCode, terminal bukan lagi tempat yang menakutkan. Dia jadi tempat yang produktif.
Andi senyum. Dulu dia gaptek yang gak bisa coding. Sekarang dia udah pakai AI agent di terminal. Dan perjalanannya belum selesai.