Konfigurasi Autocomplete Zig pada Visual Studio Code dengan Zig Language Server (ZLS)

Photo by Arthur Goldstein on Unsplash

Latar Belakang

Ini merupakan hari kedua saya (agak) serius mempelajari Zig. Pertama kali terpapar Zig dari salah satu pertanyaan pada subforum golang di Reddit. Sekian lama waktu berlalu, kemudian saya ter-trigger oleh tweet ini.

Apa itu Zig?

Zig is a general-purpose programming language and toolchain for maintaining robust, optimal, and reusable software.

Begitulah katanya.

Ketika mulai menulis kodenya di Visual Studio Code, terasa sangat aneh ketika tidak ada autocomplete syntax 😐.

Kemudian saya memutuskan untuk mencari extensionnya.

Jujur, saya skeptis ketika ada extension yang jumlah downloadnya masih sedikit. Setelah menginstall, ternyata tidak ada perubahan apa-apa. Tidak ada autocomplete…. Semakin bingung.

Setelah berusaha lebih sabar membaca dokumentasi, saya menemukan caranya. Bisa. Ternyata saya yang salah menggunakannya.

Pembahasan

Tentu yang pertama-tama dilakukan adalah mendownload zig itu sendiri di https://ziglang.org/download/.

https://ziglang.org/download/

Buka folder di mana hendak meletakkan Zig Language Server kemudian clone repositorynya.

git clone --recurse-submodules https://github.com/zigtools/zls

git clone — recurse-submodules https://github.com/zigtools/zls

Lanjut dengan membuka directory ZLS dan lakukan build.

cd zls
zig build -Drelease-safe

cd zls
zig build -Drelease-safe

Sudah terinstall, tinggal mengkonfigurasikannya.

./zig-out/bin/zls config

./zig-out/bin/zls config

Perhatikan untuk jawab dari setiap pertanyaan. Sesuaikan gambar di atas.

Catatan: perhatikan path/lokasi di mana kita menginstall zls, karena setelah ini perlu untuk menuliskannya di Visual Studio Code.

Lanjut dengan menginstall extensionnya di Visual Studio Code

https://marketplace.visualstudio.com/items?itemName=AugusteRame.zls-vscode

Saat sudah terinstall, lanjut dengan mengkonfigurasikannya.

Klik file pada menu kiri paling atas, Preferences > Setting.

Kemudian ketik zig di pencarian.

Masih pada terminal tadi, saya bisa mengetikkan pwd untuk mengetahui lokasi ZLS.

Dapat diketahui folder ZLS ada pada path:

/home/zakiego/Code/tools/zls

Kemudian ditambah zig-out/bin/zls untuk menyesuaikan lokasi binnya. Sehingga hasil akhirnya adalah

/home/zakiego/Code/tools/zls/zig-out/bin/zls

Sesuaikan path tersebut dengan komputer masing-masing. Kemudian letakkan pada setting tadi.

Selesai! Kita tinggal mencobanya.

Buat file dengan nama berakhir .zig. Kemudian ketika mengetikkan kode, tekan ctrl + spasi untuk memuka autocomplete.

Penutup

https://github.com/zigtools/zls-vscode

Seperti yang ditulis oleh author, semoga kedepannya cara menginstall ZLS akan lebih mudah.

Lanjutan

Masih terkait konfigurasi VS Code, kamu bisa membaca tentang cara Merapikan Kode Zig Dengan Formatter di Visual Studio Code.

Terhubung

Ikuti log random saya dalam mempelajari teknologi melalui @zakiego.