Tutorial Setup VS CODE #2 Hapus Activity Bar Dan Edit Keybindings

Di artikel kali ini kita akan menghapus activity bar agar ketika kita coding maka kita tidak akan terdistrasksi oleh gangguan-gangguan lain seperti notif-notif yang ada di activity bar maka lebih baik kita hilangkan saja.

berikut langkah-langkah menghilangkan activity bar

1. tekan ctrl + , ( pengguna windows ) dan cmd + , ( pengguna mac
2. lalu akan muncul tab setting
3. pilih menu user lalu pilih menu features > debug
4. lalu scrool kebawah dan cari global debug launch configuration
5. dan klik edit in setting.json
6. lalu pada file setting.json tambahkan baris sbb :
   “workbench.activityBar.visible” : false,
7. lalu save dengan ctrl + s

jika anda sudah menghilangkan activity bar maka tampilan vs code anda akan menjadi seperti dibawah ini

Tampilan VS CODE Tanpa Activity Bar

Untuk Menampilkan bar explorer,search ,extension kita dapat menggunakan shourcut dibawah ini :

keterangan gambar :

ctrl + shift + e

Berfungsi untuk menampilkan Bar Explorer

ctrl + shift + f

Berfungsi untuk menampilkan Bar Search

ctrl + shift + g

Berfungsi untuk menampilkan Bar GIT

ctrl + shift + d

Berfungsi untuk menampilkan Bar Debug

ctrl + shift + x

Berfungsi untuk menampilkan Bar Extension

jika and kurnag merasa nyaman dengan shortcout default vscode diatas anda juga bisa menggantinya dengan cara sebagai berikut :

• tekan ctrl + shift + p
• lalu ketikkan keyboard json maka akan tampil gambar seperti dibawah ini :

lalu pilih Preferences : Open Keyboard Shortcuts ( JSON ) seperti di gambar
lalu setelah anda memilih setting diatas maka akan membuka file keybindings.json dan anda bisa tambahkan baris seperti dibawah ini :

/** * Activity Bar **/ { "key": "ctrl+k ctrl+e", "command": "workbench.view.explorer" }, { "key": "ctrl+k ctrl+v", "command": "workbench.view.scm" }, { "key": "ctrl+k ctrl+d", "command": "workbench.view.debug" }, { "key": "ctrl+k ctrl+x", "command": "workbench.extensions.action.showInstalledExtensions" }, ]

sehingga tampilan pada file keybindings.json akan menjadi seperti gambar dibawah ini

Anda dapat menyesuaikan dengan key yang sesuai dengan kenyamanan anda sehingga anda makin nyaman dalam melakukan aktivitas coding sehari-hari.

Jika Anda Ingin Melihat Setting VS Code Saya Silahkan Klik Link Dibawah :

Konfigurasi Setttings.json silahkan klik

Konfigurasi Keybindings.json silahkan klik disini

Originally published at https://adinata.id on July 25, 2020.