Instalasi dan Konfigurasi Visual Code

A. QUICK SETUP

• Download installer nya di :

https://code.visualstudio.com/

• Di versi 1.55 ini saat setelah instalasi akan muncul Quick Setup yang sebenarnya bisa di-skip dan bisa diatur dikemudian hari. Jika memang tetap akan melakukan Quick Setup, maka yang pertama kali ditanyakan adalah theme. Kali ini saya pilih Theme Abyss

• Selanjutnya adalah pemilihan plugin/extensions yang akan digunakan. Karena saya menggunakan PHP, maka extensions yang biasa saya pakai adalah PHP Intelephense. Click tombol install.

• Setelah memasang PHP Intelephense, kita harus mematikan pengecekan PHP bawaannya VS Code dengan cara masuk ke Settings :

• Tuliskan php suggest, lalu unticked/disable seperti gambar di bawah ini :

• Selanjutnya adalah pemilihan keymap. Karena sebelumnya saya pengguna Sublime dan sudah terbiasa dengan shortcut SublimeText, yang saya install adalah Sublime Text Keymap

• Nanti saat setelah install, di kanan bawah akan muncul notifikasi seperti gambar di bawah ini, tekan tombol Yes.

B. PERSONALISASI

Beberapa setingan yang biasa saya lakukan adalah sebagai berikut (tiap orang bisa berbeda)

• Menyembunyikan Open Editor yang tampilan sebelumnya adalah sebagai berikut :

• Menyembunyikan Minimap dengan cara masuk ke Settings, tuliskan minimap, lalu Disable Minimap dengan cara un-tick parameter di bawah ini

• Mengubah ukuran Font menjadi lebih besar dari biasanya (maklum faktor U sehingga butuh Font yang cukup besar…hehehe). Caranya sama seperti di atas, masuk dulu ke Settings, lalu tulis font size. Defaultnya adalah 14, saya ganti menjadi 18 supaya agak besar dikit, Lalu line height nya supaya jarak antar baris ada sedikit jarak.

• Mengganti jenis font menjadi Source Code Pro Font. Pertama Download dulu di sini , kemudian install . Setelah diinstall :

• Pengaturan auto format. Install dulu extention Prettier – Code Formatter

• Lalu atur settings seperti di bawah ini :