Integrasikan Visual Studio Code dan Zsh

Naufaldi Rafif Satriya
Naufaldi Note
Published in
3 min readApr 18, 2018

Assalamu’alaikum…

Sering pakai Visual Studio Code tidak? Pastinya sering pakai terminal juga bukan? Nah, saya punya cerita. Jadi selama ini kita kan pakai visual studio code, dimana kita didalam text editor bisa membuka terminal. Tanpa perlu pindah-pindah apps dari VS Code ke Terminal Zsh.

Kita tau sendiri kan kalau Zsh memberikan kita banyak sekali Tema, salah satunya seperti ini :

Thema Zsh

Tapi, ketika kita menggunakan terminal yang berada di VS Code, pernah mendapatkan seperti ini?

Thema Zsh di VS Code

Ternyata penyebabnya adalah font yang berada di VS Code belum diatur. Maksudnya adalah font yang dipakai pada terminal kita berbeda dengan yang dipakai pada VS Code kita sehingga kita harus mengatur VS Code agar font yang terpakai bisa sama. Untuk itu, kita bisa cek font terminal kita di

Setting > Edit Current Profile > Appearance

ketika berada di Tab Appearance maka akan seperti ini :

Terminal Zsh

Terlihat bahwa font saya menggunakan font dengan nama “Hack”. Maka, kita tinggal ganti tuh di VS Code kita dengan font hack.

File > Preference > Setting

Pada Tab Default Setting cari yang namannya

“terminal.integrated.fontFamily”: “”,

Default Setting di VS Code

Lalu kita tinggal tambahkan ke User Setting dan edit menjadi font hack.

User Setting

Simpan dan lihat apa yang terjadi dengan terminal kita di VS Code. Ajaib bukan?

Terminal Zsh di VS Code

Bagi temen-temen yang belum Integrasikan terminal Zsh dengan VS Code, dimana terminal kita di VS Code, adalah terminal default dari Linux / Mac OS kita. maka pada baris :

Untuk Pengguna Linux :

“terminal.external.linuxExec”

Untuk Pengguna Mac OS :

“terminal.external.osxExec”: “Terminal.app”,

Untuk Pengguna Windows :

“terminal.external.windowsExec”:

Tinggal ditambahkan dengan Zsh sesuai gambar yang saya sertakan mengenai User Setting.

Oke. Mungkin cukup sekian cerita dan catatan saya ini, semoga bisa bermanfaat untuk kawan — kawan semua!

Terima Kasih

#Blog : KuReview

--

--