Continue.dev adalah Integrated Development Environment (IDE) bertenaga AI yang dirancang untuk meningkatkan efisiensi pengkodean dan menyederhanakan alur kerja pengembangan. Ia terintegrasi dengan mulus dengan editor kode yang ada, menyediakan penyelesaian kode berbantuan AI, debugging, dan refactoring cerdas. Panduan ini akan memandu Anda tentang cara menggunakan Continue.dev secara efektif, meliputi instalasi, pengaturan, fitur utama, dan praktik terbaik.
Instalasi dan Pengaturan
1. Menginstal Continue.dev
Untuk memulai, ikuti langkah-langkah berikut untuk menginstal Continue.dev:
- Unduh Plugin: Kunjungi situs web Continue.dev resmi dan unduh plugin untuk IDE pilihan Anda (VS Code, JetBrains, atau editor yang didukung lainnya).
- Instal Ekstensi: Untuk VS Code: Buka Extensions Marketplace, cari "Continue.dev," dan klik Instal.
- Logo Continue akan muncul di bilah sisi kiri. Untuk pengalaman yang lebih baik, pindahkan Continue ke bilah sisi kanan.
- Masuk ke hub untuk memulai dengan asisten pertama Anda.
JetBrains
- Buka IDE JetBrains Anda dan buka Settings menggunakan
Ctrl+Alt+S - Buka Plugin Marketplace, cari "Continue.dev," dan instal.
- Klik
Install, yang akan menyebabkan logo Continue muncul di toolbar kanan - Masuk ke hub untuk memulai dengan asisten pertama Anda.
Mulai Ulang IDE: Setelah diinstal, mulai ulang IDE Anda untuk mengaktifkan fungsionalitas AI.
Masuk
Klik "Get started" untuk masuk ke hub dan mulai menggunakan asisten.
2. Mengonfigurasi Continue.dev
Setelah instalasi, konfigurasikan Continue.dev untuk kinerja optimal:
Masuk: Gunakan akun Continue.dev Anda untuk membuka fitur lengkap.
Setel API Key (jika diperlukan): Masukkan kunci API model AI Anda di pengaturan.
Sesuaikan Pengaturan AI: Sesuaikan saran AI, pelengkapan otomatis, dan preferensi debugging.
Fitur Utama
1. Penyelesaian Kode Bertenaga AI
Continue.dev memprediksi dan menyarankan cuplikan kode berdasarkan gaya pengkodean Anda, yang secara signifikan mempercepat pengembangan. Ia dapat:
Melengkapi otomatis fungsi, variabel, dan seluruh blok kode.
Memberikan saran kontekstual berdasarkan struktur proyek yang ada.
Cara Menggunakan Pelengkapan Otomatis
Pelengkapan otomatis menawarkan saran kode sebaris saat Anda mengetik, membuat pengkodean lebih cepat dan lebih efisien.
Mengaktifkan Pelengkapan Otomatis: Klik tombol "Continue" di bilah status di kanan bawah IDE Anda, atau pastikan bahwa "Enable Tab Autocomplete" dicentang di pengaturan IDE Anda.
Mengelola Saran
Menerima saran lengkap: Tekan Tab
Menolak saran lengkap: Tekan Esc
Menerima sebagian saran: Gunakan Cmd/Ctrl + → untuk menerimanya kata demi kata untuk kontrol yang lebih tepat.
2. Cara Menggunakan Chat untuk Bantuan LLM di IDE
Chat memungkinkan Anda untuk dengan mudah meminta bantuan dari LLM tanpa meninggalkan IDE Anda. Anda mengirimkan tugas dengan informasi yang relevan, dan ia merespons dengan teks atau kode yang paling mungkin untuk menyelesaikan tugas tersebut. Jika responsnya tidak persis seperti yang Anda butuhkan, Anda dapat mengirim pesan tindak lanjut untuk menyempurnakan hasilnya.
Chat sangat ideal untuk memahami atau melakukan iterasi pada kode, atau sebagai pengganti kueri mesin pencari tradisional.
Tindakan Dasar
Ketik Permintaan dan Tekan Enter: Cukup kirim pertanyaan atau permintaan, dan LLM akan merespons dengan jawaban atau solusi.
Sorot Kode untuk Konteks: Pilih bagian kode, lalu tekan Cmd/Ctrl + L (VS Code) atau Cmd/Ctrl + J (JetBrains) untuk mengirimkannya ke LLM. Anda kemudian dapat meminta penjelasan atau meminta refactor.
Referensi Konteks dengan Simbol @: Untuk menyertakan konteks tambahan dari basis kode, dokumentasi, IDE, atau alat lain, ketik @ untuk memilih dan menambahkannya ke kueri Anda.
Tindakan Lanjutan
Terapkan Kode yang Dihasilkan ke File Anda: Ketika LLM menyarankan perubahan kode, klik tombol "Apply" untuk memperbarui kode di editor Anda.
Mulai Sesi Baru: Untuk tugas baru, tekan Cmd/Ctrl + L (VS Code) atau Cmd/Ctrl + J (JetBrains) untuk memulai sesi baru, memastikan bahwa hanya konteks yang relevan yang disertakan untuk tugas baru.
Beralih Antar Model: Jika beberapa model tersedia, Anda dapat beralih di antara model tersebut menggunakan dropdown atau dengan menekan Cmd/Ctrl + '.
3. Edit
Cara Menggunakan Edit untuk Modifikasi Kode
Edit adalah cara yang mudah untuk membuat perubahan cepat dan terarah pada kode dan file tertentu tanpa meninggalkan ruang kerja Anda saat ini. Anda dapat menyorot kode, menjelaskan perubahan, dan melihat diff sebaris, memungkinkan Anda untuk menerima atau menolaknya dengan mudah.
Edit paling baik untuk tugas-tugas yang lebih kecil dan spesifik seperti:
Menulis komentar
Menghasilkan pengujian unit
Refactoring fungsi atau metode
Langkah-Langkah untuk Menggunakan Edit
Sorot Kode dan Aktifkan Mode Edit: Pilih blok kode yang ingin Anda modifikasi, lalu tekan Cmd/Ctrl + I untuk mengaktifkan mode Edit. Jika tidak ada kode yang disorot, Anda masih dapat masuk ke mode Edit dengan menekan Cmd/Ctrl + I.
Jelaskan Perubahan Kode: Berikan deskripsi singkat dan ringkas tentang perubahan yang Anda inginkan agar model dibuat pada kode yang Anda sorot. Untuk perubahan yang lebih kompleks, gunakan fitur Chat sebagai gantinya.
Terima atau Tolak Perubahan: Diff sebaris akan muncul di dalam teks yang Anda sorot.
Terima perubahan menggunakan Cmd/Ctrl + Opt + Y
Tolak perubahan menggunakan Cmd/Ctrl + Opt + N
Terima atau tolak semua perubahan sekaligus menggunakan Cmd/Ctrl + Shift + Enter (terima) atau Cmd/Ctrl + Shift + Delete/Backspace (tolak).
Untuk meminta saran baru, tekan Cmd/Ctrl + I lagi.
Fitur Tambahan
VS Code: Di VS Code, Edit tersedia di bilah sisi ekstensi dengan antarmuka yang mirip dengan Chat. Anda juga dapat menggunakan Pemilih Mode di bawah input Chat untuk beralih ke mode Edit.
JetBrains: Di JetBrains, Edit diimplementasikan sebagai popup sebaris untuk pengeditan file tunggal (pengeditan multi-file tidak didukung).
Menambahkan File ke Edit
Selain menambahkan kode yang disorot, Anda juga dapat secara manual menambahkan file untuk diedit menggunakan combobox Add file atau dengan mengklik dropdown dan memilih Add all open files untuk menambahkan semua file yang saat ini terbuka di editor.
Add file combobox
Add all open files dropdown
Edit File Tunggal: Jika satu file/rentang ada di Code to Edit saat pengiriman, Continue akan meminta model Edit dan kemudian secara otomatis mengalirkan diff ke editor.
Edit Multi-File: Jika beberapa file/rentang ada di Code to Edit saat pengiriman, Continue akan meminta model Edit untuk mengeluarkan blok kode per file, yang kemudian dapat dipilih oleh pengguna untuk diterapkan dan diterima/ditolak secara independen.
Generated Content
Diffs
4.Agent
Cara Menggunakan Chat dengan Agent
Agent terintegrasi dalam antarmuka yang sama dengan Chat, memungkinkan komunikasi dan manajemen tugas yang lancar. Anda dapat memberikan instruksi bahasa alami kepada Agent, dan ia akan menangani langkah-langkah yang diperlukan untuk menyelesaikan permintaan Anda, sama seperti Chat.
Langkah-Langkah untuk Menggunakan Chat dengan Agent
Instruksi Bahasa Alami: Cukup ketik permintaan Anda dalam bahasa alami, seperti:
“Setel aturan @typescript-eslint/naming-convention ke 'off' untuk semua konfigurasi eslint di proyek ini.”
Agent akan secara otomatis memilih alat dan tindakan yang sesuai untuk memenuhi tugas tersebut.
Memberikan Konteks: Anda juga dapat memberikan konteks dengan cara yang sama seperti dengan Chat dengan menggunakan metode seperti penyedia konteks @ atau menambahkan kode yang disorot dari editor.
Keuntungan Menggunakan Agent
Otomatisasi: Agent memproses permintaan Anda dan memutuskan cara menyelesaikan tugas tanpa memerlukan intervensi manual.
Efisiensi: Anda tidak perlu mencari tahu alat mana yang akan digunakan untuk tugas Anda—Agent akan menanganinya secara otomatis.
Berikan Izin Agent
Secara default, Agent akan meminta izin saat ingin menggunakan alat. Klik Continue untuk mengizinkan mode Agent melanjutkan dengan panggilan alat atau Cancel untuk menolaknya.
Lihat Respons Alat
Setiap data yang dikembalikan dari panggilan alat secara otomatis dimasukkan kembali ke dalam model sebagai item konteks. Sebagian besar kesalahan juga ditangkap dan dikembalikan, sehingga mode Agent dapat memutuskan cara melanjutkan.
Tingkatkan AI IDE Anda dengan Integrasi Apidog MCP
Tingkatkan pengalaman Continue.dev Anda ke level berikutnya dengan Apidog MCP Server. Integrasi ini memungkinkan AI IDE Anda untuk secara langsung mengakses dan berinteraksi dengan spesifikasi API dari proyek Apidog. Dengan pengaturan ini, Continue.dev dapat menghasilkan kode, mencari spesifikasi API, dan membuat model terstruktur dengan mulus.
Praktik Terbaik
Aktifkan Kesadaran Konteks: Konfigurasikan AI untuk menganalisis seluruh file proyek daripada hanya jendela editor aktif untuk saran yang lebih baik.
Gunakan AI dengan Bijak: Kode yang dihasilkan AI harus selalu ditinjau untuk kebenaran dan masalah keamanan.
Integrasikan dengan Kontrol Versi: Gunakan Git atau sistem kontrol versi lain untuk melacak perubahan yang dihasilkan AI sebelum melakukan commit.
Sesuaikan Preferensi AI: Sesuaikan verbositas AI, gaya penyelesaian, dan tingkat debugging berdasarkan kebutuhan proyek Anda.
Manfaatkan AI untuk Pembelajaran: Manfaatkan penjelasan dan saran AI untuk meningkatkan keterampilan pengkodean dan praktik terbaik.
Kesimpulan
Continue.dev AI IDE adalah pengubah permainan bagi pengembang yang ingin menyederhanakan alur kerja mereka dengan bantuan AI. Apakah Anda memerlukan penyelesaian kode yang lebih cepat, debugging yang efisien, atau refactoring cerdas, Continue.dev menyediakan alat untuk meningkatkan produktivitas. Dengan mengikuti panduan ini, Anda dapat secara efektif mengintegrasikan AI ke dalam proses pengembangan Anda dan memanfaatkan fitur-fiturnya yang canggih.
