Shortcut Favorit pada VS Code Text Editor

Tidak diragukan lagi bahwa VS Code adalah salah satu text editor yg populer saat ini. Tidak seperti Vim yang legendaris, VS Code tidak mengharuskan kita untuk melakukan konfigurasi yg rumit tetapi kita diberikan banyak fitur menarik.

VS Code menyediakan banyak tombol Shortcuts yg bermanfaat utk kita dalam melakukan development dan dapat meningkatkan flow kerja kita, karena dengan Shortcuts dapat membantu mempercepat alur kerja tanpa harus menggunakan mouse. Meski begitu, kita harus bisa membiasakan diri menggunakannya agar secara otomatis kita bisa menghafal Shortcuts tersebut.

Berikut ini beberapa VS Code Keyboard Shortcuts yg bermanfaat, diantaranya:

1. Menampilkan Semua Commands

Windows/Linux	macOS
CTRL + SHIFT + P or F1	SHIFT + ⌘ + P or F1

Ini adalah shortcut yang paling berguna, shortcut ini membuka Command Palette yang menyediakan akses ke semua fungsionalitas VS Code.

command palette (itfoss.com)

Pada Command Palette ini kita bisa melakukah hal seperti membuat file baru, membuka pengaturan, mengubah tema, dan melihat semua Shortcuts.

2. Split VS Code Editor Secara Vertical dan Horizontal

Windows/Linux	macOS
CTRL + \	⌘ + \

Yg satu ini cukup membantu bagi kita yg tidak menggunakan multiple-monitor, karena dengan hanya 1 monitor saja kita masih bisa melihat file berbeda dalam 1 tampilan, baik secara horizontal maupun vertical.

split editor (itfoss.com)

Dan kalaupun kita mau berganti fokus, kita juga bisa lakukan melalui Shortcuts.

Windows/Linux	macOS
CTRL + 1/2/3	⌘ + 1/2/3
CTRL + K CTRL + ←/→	⌘ + K ⌘ + ←/→

3. Menampilkan Integrated Terminal

Windows/Linux	macOS
CTRL + `	⌘ + `

Integrated terminal adalah fitur yang sangat membantu yang memungkinkan kita menjalankan perintah dengan cepat tanpa harus berpindah jendela. Untuk menyembunyikan/memunculkan terminal di editor, shortcut ini tentu sangat berguna.

integrated terminal (itfoss.com)

Jika shortcut tersebut sulit dijangkau, kita juga bisa lakukan melalui command palette.

toggle terminal (itfoss.com)

4. Go To File

Windows/Linux	macOS
CTRL + P	⌘ + P

Dimisalkan project kita sudah cukup besar, tentu mencari file cukup sulit. Oleh karena itu, kita bisa manfaatkan Shortcut utk mencari file yg ingin kita buka hanya dengan bantuan shortcut.

open file (itfoss.com)

5. Toggle Comment

Windows/Linux	macOS
CTRL + /	⌘ + /

Jika kita ingin dengan mudah menambahkan komentar pada kode, kita bisa lakukan dengan bantuan shortcut yg mana juga mendukung utk menambahkan komentar dalam mode block ataupun single kode.

comment code (itfoss.com)

6. Find And Replace

Windows/Linux	macOS
CTRL + F	⌘ + F
CTRL + H	⌥ + ⌘ + F

Dan yg terakhir, mencari dan mengganti text secara bersamaan. Situasi ini tentu tidak jarang diperlukan, dimana kita ingin mengganti nama variabel sebagai contoh. Hal ini dapat dilakukan melalui shortcut yg sudah disediakan. Bahkan juga fitur ini dapat mengganti text bukan hanya pada 1 file saja, melainkan beberapa file sekaligus.

find & replace (itfoss.com)

Itulah beberapa Shortcuts bermanfaat yg dapat kita gunakan dalam proses membantu meningkatkan menjadi lebih produktif dan meningkatkan flow kerja kita. Masih banyak Shortcuts lainnya yg mungkin bisa kalian gunakan, tapi beberapa diantaranya di atas adalah yg umum digunakan pada sebagian Developer.

Sumber: VS Code Shortcuts

Headline image: crio.do