Claude Code Diam-diam Meningkat, Akhirnya Bukan Lagi "Mesin Pencari Teks"

Saat Anda menulis kode, pernahkah Anda memikirkan sebuah pertanyaan:

Mengapa Anda bisa langsung melompat ke definisi fungsi dengan menekan Ctrl + Klik di VS Code? Mengapa Anda bisa melihat penjelasan parameter lengkap saat mengarahkan mouse ke fungsi? Mengapa editor bisa memberi tahu Anda di mana letak kesalahan sebelum kode Anda dijalankan?

Anda menggunakan fitur-fitur ini setiap hari, dan sangat menikmatinya.

Namun, Anda mungkin tidak tahu bahwa di balik semua ini ada sesuatu yang disebut LSP (Language Server Protocol) yang mendukungnya.

Lebih penting lagi, Claude Code versi 2.0.74 ke atas juga mendukung LSP.

Apa artinya ini?

Artinya Claude Code akhirnya berubah dari "mesin pencari teks" menjadi AI yang benar-benar memahami kode.

Apa itu LSP? Sederhananya

LSP adalah protokol yang dibuat oleh Microsoft, tujuannya sangat sederhana:

Memungkinkan fitur cerdas kode digunakan di editor mana pun.

Lihat:

• Server bahasa TypeScript, dapat digunakan di VS Code, dapat digunakan di JetBrains, dapat digunakan di Cursor

• Sekarang, dapat juga digunakan di Claude Code

LSP adalah hal yang membuat editor Anda menjadi pintar:

• Melengkapi otomatis nama dan parameter fungsi

• Melompat ke definisi

• Menemukan semua referensi

• Menampilkan dokumentasi saat diarahkan

• Menampilkan kesalahan dan peringatan secara real-time

Anda menulis kode setiap hari, dan menggunakan fitur-fitur ini berkali-kali.

Namun, Anda tidak pernah memikirkan bagaimana cara kerjanya.

Sekarang tidak perlu dipikirkan, cukup ketahui: Claude Code sekarang juga memiliki kemampuan ini.

Bagaimana Cara Kerja Claude Code Sebelumnya?

Sebelum mendukung LSP, apa yang harus dilakukan Claude Code jika ingin mencari di mana sebuah fungsi didefinisikan?

Mengandalkan pencarian grep.

Sederhananya, itu adalah pencarian teks lengkap, mencari di mana karakter "displayBooks" muncul.

Apakah ini bisa digunakan? Bisa.

Model AI telah melatih sejumlah besar kode, dan memang dapat menyimpulkan banyak hal dari teks.

Namun, apa masalahnya?

Ia tidak benar-benar memahami struktur kode.

Sama seperti Anda meminta seseorang untuk mencari "张三", ia hanya dapat membolak-balik buku alamat untuk mencari kata "张三".

Tetapi jika Anda menggunakan ponsel untuk mencari "张三", Anda langsung memanggil database, dan hasilnya keluar dalam hitungan detik.

Itulah perbedaannya.

Claude Code sebelumnya: membaca setiap file satu per satu, mengandalkan pencocokan teks Claude Code sekarang: langsung bertanya ke server bahasa, penentuan posisi yang akurat

Perbedaannya sangat besar.

Apa yang Dibawa LSP ke Claude Code?

5 kemampuan inti, masing-masing adalah alat yang sangat efisien:

1. goToDefinition - Melompat ke Definisi

Apa yang bisa Anda lakukan dengan Ctrl+Click di VS Code? Langsung melompat ke tempat definisi fungsi.

Sekarang Claude Code juga bisa melakukan hal yang sama.

Anda bertanya kepadanya: "Di mana fungsi processRequest didefinisikan? Gunakan LSP"

Ia tidak akan bodoh mencari di semua file.

Ia langsung bertanya ke server bahasa, dan jawabannya keluar dalam hitungan detik: nama file, nomor baris, posisi yang tepat.

2. findReferences - Mencari Semua Referensi

Ini adalah fitur yang sangat penting.

Anda ingin melakukan refactoring fungsi, tetapi tidak berani mengubahnya, karena takut akan merusak tempat lain.

Apa yang harus dilakukan?

Sebelumnya Anda harus meminta Claude Code untuk membaca setiap file satu per satu, yang sangat lambat.

Sekarang langsung bertanya: "Di mana saja fungsi displayError dipanggil? Gunakan LSP"

Server bahasa langsung mencantumkan semua lokasi referensi.

Cepat, akurat, dan tepat sasaran.

3. hover - Mendapatkan Informasi Dokumentasi dan Tipe

Saat Anda mengarahkan mouse di VS Code, Anda dapat melihat tanda tangan fungsi, tipe parameter, dan penjelasan dokumentasi.

Claude Code sekarang juga dapat melihatnya.

Tanyakan padanya: "Fungsi displayBooks menerima parameter apa? Gunakan LSP"

Ia tidak perlu menebak, langsung membaca tanda tangan yang dikembalikan oleh server bahasa.

Terutama untuk bahasa dinamis seperti Python, sebelumnya Claude hanya dapat menyimpulkan tipe berdasarkan konteks.Sekarang dengan LSP, informasi tipe terlihat jelas.

4. documentSymbol - Daftar semua simbol dalam file

Ingin cepat mengetahui kelas, fungsi, dan variabel apa saja yang ada dalam sebuah file?

Tanya Claude: "Simbol apa saja yang ada di backend/index.js? Gunakan LSP"

Dia akan mengembalikan daftar terstruktur, jelas dan lengkap.

5. workspaceSymbol - Pencarian simbol seluruh proyek

Ini lebih dahsyat.

Bukan mencari teks, tapi mencari simbol.

Ingin mencari semua metode yang mengandung "innerHTML"?

Language server langsung menemukannya untuk Anda, bukan pencocokan string, tapi simbol kode yang sebenarnya.

Praktik: Masalah apa yang sebenarnya bisa diselesaikan oleh LSP?

Jangan bicara yang abstrak, lihat kasus nyata.

Kasus 1: Melacak panggilan fungsi

Ada proyek bernama AseBook Finder, frontend memiliki fungsi displayBooks.

Anda ingin tahu di mana saja fungsi ini dipanggil.

Bagaimana sebelumnya? Claude Code grep sekali, mungkin terlewat, mungkin salah lapor.

Sekarang langsung tanya: "Cari semua referensi ke displayBooks menggunakan LSP"

Hasil:

• Lokasi definisi fungsi

• Lokasi panggilan setelah fetch berhasil

• Semua tempat referensi lainnya

Tepat, cepat, dan tidak ada yang terlewat.

Kasus 2: Memahami parameter fungsi

Anda ingin Claude menghasilkan kode yang memanggil fungsi displayError.

Tapi Anda tidak yakin fungsi ini menerima parameter apa.

Tanya dia: "Parameter apa yang diterima displayError? Gunakan LSP"

Language server langsung mengembalikan: menerima satu parameter message.

Claude tahu, kode yang dihasilkan tidak akan salah.

Kasus 3: Mencari panggilan API

Anda ingin mencari di mana saja dalam proyek yang memanggil endpoint /api/recommendations.

Tanya Claude: "Cari semua referensi ke /api/recommendations menggunakan LSP"

Dia menemukan lokasi panggilan fetch, tepat hingga barisnya.

Sangat berguna untuk debugging masalah API, melacak aliran data.

Kasus 4: Menemukan kesalahan lebih awal

Anda sedang melakukan refactoring kode, tidak sengaja salah mengeja nama variabel.

Biasanya, Anda harus menjalankan kode untuk menemukannya.

Tapi dengan LSP, language server memeriksa secara real-time, dan melaporkan masalahnya langsung ke Claude Code.

Claude memberi tahu Anda sebelum Anda menjalankan kode: ada kesalahan di sini.

Bagaimana cara mengatur? 5 langkah selesai

Jangan panik, pengaturannya sangat sederhana.

Langkah 1: Aktifkan alat LSP

Tambahkan baris ini ke file konfigurasi shell Anda (.bashrc atau .zshrc):

exportENABLE_LSP_TOOLS=1 lalu jalankan source ~/.zshrc agar berlaku.

Langkah 2: Instal plugin language server

Buka Claude Code, masukkan:

/plugin temukan plugin yang sesuai dengan bahasa yang Anda gunakan:

• Python: pilih pyright-lsp

• TypeScript/JavaScript: pilih vtsls atau typescript-lsp

• Go: pilih gopls

• Rust: pilih rust-analyzer

Pilih "Install for me only", instal.

Langkah 3: Instal file biner language server

Plugin hanyalah antarmuka, yang benar-benar bekerja adalah language server itu sendiri.

Python:

pip install pyrightTypeScript/JavaScript:

npm install -g @vtsls/language-server typescriptGo:

go install golang.org/x/tools/gopls@latestRust:

rustup component add rust-analyzer

Langkah 4: Restart Claude Codeclaude

Langkah 5: Verifikasi Apakah Berfungsi

Ketik /plugin, periksa tab "Installed", dan pastikan plugin Anda terlihat di sana.

Uji coba:

Cari semua referensi untuk someFunction menggunakan LSP Jika Claude Code menggunakan alat find_references dan bukan grep, berarti berhasil.

Kapan Menggunakan LSP? Kapan Tidak?

LSP bukanlah solusi untuk semua masalah.

Skenario yang Cocok untuk LSP:

• Proyek besar (ratusan file)

• Melacak panggilan fungsi lintas file

• Membutuhkan tanda tangan fungsi yang akurat (terutama bahasa dinamis)

• Refactoring kode, takut menimbulkan bug

Skenario yang Tidak Cocok untuk LSP:

• Proyek kecil, skrip cepat

• Pencarian teks sederhana

• Hanya mencari string di mana

Intinya, gunakan grep saat cepat, dan gunakan LSP saat akurat.

Alat ada untuk melayani manusia, bukan untuk digunakan demi penggunaan itu sendiri.

Beberapa Jebakan, Saya Beritahu Sebelumnya

Jebakan 1: Server Bahasa Harus Ada di PATH

Jika Claude Code mengatakan "No LSP server available", kemungkinan besar server bahasa Anda tidak terpasang dengan benar, atau tidak ada di PATH.

Jalankan which pyright (atau server bahasa Anda) di terminal, dan lihat apakah dapat ditemukan.

Jebakan 2: Setelah Instalasi, Harus Restart

Setelah menginstal plugin baru atau memperbarui server bahasa, pastikan untuk me-restart Claude Code.

Server bahasa dimuat saat startup.

Jebakan 3: Terkadang Perlu Menyatakan Secara Jelas "Gunakan LSP"

Jika Anda menemukan bahwa Claude Code masih menggunakan grep dan bukan LSP, tambahkan kalimat "Gunakan LSP":

Cari semua referensi untuk authenticateUser menggunakan LSP Dengan begitu, ia akan tahu untuk menggunakan server bahasa.

Jebakan 4: Tidak Ada Petunjuk Visual

Tidak seperti VS Code, Claude Code tidak akan memberi tahu Anda apakah server LSP sedang berjalan.

Tidak ada ikon bilah status, tidak ada notifikasi.

Satu-satunya cara untuk memastikan: uji secara langsung.

Kata Penutup

Dukungan LSP di Claude Code bukanlah pembaruan kecil, melainkan perubahan kualitatif.

Sebelumnya, itu adalah "pencarian teks + inferensi AI".

Sekarang, itu adalah "server bahasa + pemahaman AI".

Sama seperti Anda beralih dari membolak-balik buku alamat menjadi menggunakan mesin pencari.

Perbedaan efisiensi sangat besar.

Jika Anda menggunakan Claude Code untuk proyek serius, luangkan 5 menit untuk menyiapkan LSP.

5 menit ini sangat berharga.

Daftar Tindakan:

• Tambahkan export ENABLE_LSP_TOOLS=1 ke konfigurasi shell Anda

• Buka Claude Code, jalankan /plugin untuk menginstal plugin bahasa Anda

• Instal file biner server bahasa yang sesuai

• Restart Claude Code

• Uji coba "Cari semua referensi untuk XXX menggunakan LSP"

Setelah instalasi, Anda akan menemukan:Ternyata Claude Code Bisa Secepat Ini.