Development

10 Shortcut Visual Studio Code

By Maksum Rifai

April 17, 2021

10 shortcut visual studio code

Berikut ini adalah list shortcut Visual Studio Code yang dapat digunakan untuk mempermudah dan mempercepat pengembangan.

Default digunakan di Linux, untuk Mac dan Windows akan ditampilkan dibawahnya/keterangan jika ada perbedaan tombol.

1. CTRL+P : Menampilkan bar pencarian untuk mencari file

(Mac: Cmd + P) Karena kamu akan bernavigasi antar-file sepanjang waktu, Kamu dapat mengetik nama file lalu tekan Enter untuk membukanya.

VS Code Search Bar

2. Ctrl + Shift + P: Menampilkan command pallete

(Mac: Cmd + Shift + P)Menampilkan command pallete dimana kamu dapat mencari sebuah aksi.

VS Code Command Pallete

3. Crtl + B : Toggle sidebar

(Mac: Cmd + B)Menampilkan atau menyembunyikan side bar dimana kamu dapat bernavigasi melalui explorer.

VS Code Sidebar Toggle

4. Ctrl+Shift+E : Berpindah ke jendela Explorer

(Mac: Cmd + Shift + E)Berpindah ke jendela Explorer dimana kamu akan melihat file tree dan dapat bernavigasi menggunakan tombol arah/panah (Arrow Keys).

VS Code Explorer Window

5. Ctrl + Shift + M : Dengan cepat menampilkan errors dan warnings

(Mac: Cmd + Shift + M)Semua orang pasti menyukai code yang bebas bugs. Dengan menampilkan panel masalah, kamu dapat melihat errors dan warnings yang teridentifikasi.

VS Code Panel Errors & Warnings

Baca Juga: 10 Ekstensi Visual Studio Code Untuk Produktivitas dan 8 Tema Terbaik Visual Studio Code.

6. Ctrl + Shift + L: Menyeleksi dengan Multi cursor

(Mac: Cmd + Shift + L)Menambahkan beberapa cursors untuk menyeleksi dan mengeditnya sekaligus. Biasanya lebih minim kesalahan dibanding search & replace all.

VS Code Multi Cursors

7. Ctrl + D : Menyeleksi Satu per satu

(Mac: Cmd+D)Serupa dengan sebelumnya, namun gunakan Ctrl + D jika kamu ingin menambahkan cursor satu per satu. Setiap kali kamu menekannya akan menambahkan satu cursor ke kata yang telah diseleksi.

VS Code one by one cursors

8. Ctrl+/ : Toggle baris comment

(Mac: Cmd+/)Toggle antara baris commented dan uncommented.

VS Code Toggle Commented & Uncommented

9. Ctrl + Shift + I: Format seluruh file

(Mac: Shift + Option + F, Windows: Windows Shift + Alt + F)Memformat seluruh file yang sedang aktif atau menjalankan perintah untuk menginstall Formatter Extension. Misalnya ekstensi Prettier untuk memformat JavaScript.

VS Code file formating

10. Alt + Up atau Alt + Down: Memindahkan Baris kode

(Mac: Opt+Down atau Opt+Up)Dengan cepat memindahkan baris kode keatas ataupun kebawah.

VS Code Move Line

Demikianlah 10 shortcut yang telah Kami sampaikan, silahkan bagikan jika dirasa bermanfaat, Terima Kasih.