Visual Studio Code (VSCode) adalah editor kode sumber gratis dan open-source yang dikembangkan oleh Microsoft. VSCode berjalan pada platform Windows, Linux, dan macOS, dan menyediakan fitur-fitur seperti debugging, kontrol Git, intellisense, snippet, dan pengeditan kode yang disesuaikan. Selain itu, VSCode memiliki ekstensi yang dapat diinstal untuk menambahkan fitur-fitur tambahan dan memperluas fungsionalitas editor. VSCode dirancang untuk mendukung berbagai bahasa pemrograman, termasuk JavaScript, TypeScript, Python, PHP, dan banyak lagi. VSCode telah menjadi editor kode sumber yang populer di kalangan pengembang perangkat lunak karena kemampuannya yang efisien dan fleksibel.
Trik Umum Vscode
Berikut adalah beberapa trik yang dapat membantu mempermudah coding di Visual Studio Code (VSCode):
Multiple Cursors
Untuk mengaktifkan fitur ini, tahan tombol Alt dan klik mouse pada beberapa lokasi dalam kode yang ingin diedit. Setelah itu, Anda dapat mengedit kode pada lokasi yang dipilih secara bersamaan, sehingga menghemat waktu dan usaha dalam mengedit kode.
Peek Definition
Dengan mengaktifkan fitur ini, Anda dapat melihat definisi kode tanpa perlu membuka file terpisah. Tekan tombol Alt dan klik pada variabel atau fungsi yang ingin Anda lihat definisinya, lalu klik opsi "Peek Definition" pada menu yang muncul. Hal ini mempermudah dalam menjelajahi kode dan menghemat waktu dalam mencari informasi yang diperlukan.
Split Editor
Anda dapat membagi editor ke dalam beberapa panel dengan menekan tombol Ctrl + \ atau dengan klik kanan pada tab editor dan memilih opsi "Split Editor". Dengan ini, Anda dapat melihat beberapa file atau bagian dari kode secara bersamaan tanpa perlu membuka tab baru.Code Snippets
VSCode memiliki banyak code snippets yang dapat digunakan untuk mempercepat penulisan kode. Misalnya, dengan mengetik "if" dan menekan tombol Tab, maka snippet untuk if statement akan muncul secara otomatis. Anda juga dapat membuat code snippets Anda sendiri untuk kode yang sering digunakan.
Zen Mode
Untuk meminimalkan gangguan saat coding, Anda dapat memasuki Zen Mode dengan menekan tombol Ctrl + K, kemudian tombol Z. Dalam mode ini, hanya kode yang sedang Anda tulis yang akan ditampilkan, sehingga membantu memfokuskan perhatian pada kode.
Command Palette
Tekan tombol Ctrl + Shift + P untuk membuka Command Palette. Dari sini, Anda dapat mengakses berbagai opsi dan perintah, seperti mengubah tema, memperbarui ekstensi, atau memilih mode debug. Ini membantu dalam mengakses fitur VSCode secara cepat dan mudah.
Custom Keybindings
Anda dapat mengatur shortcut khusus (custom keybindings) untuk aksi yang sering digunakan. Misalnya, Anda dapat mengatur shortcut khusus untuk mengaktifkan mode Zen atau membuka Command Palette dengan cepat. Hal ini dapat mempercepat dan memudahkan dalam penggunaan VSCode sesuai dengan kebutuhan Anda.
Itu adalah beberapa trik yang dapat membantu mempermudah coding di Visual Studio Code. Selain itu, masih ada banyak trik dan tips lainnya yang dapat ditemukan dan disesuaikan sesuai dengan preferensi dan kebutuhan Anda.
Shortcut Vscode Yang Harus Developer Tahu
Beberapa shortcut yang bisa membantu mempermudah coding di Visual Studio Code (VSCode) antara lain:
Ctrl + Shift + P : membuka Command Palette
Ctrl + P : membuka Quick Open
Ctrl + Shift + N : membuat file baru
Ctrl + Shift + W : menutup tab yang aktif
Ctrl + Shift + T : membuka kembali tab yang terakhir ditutup
Ctrl + F : mencari teks dalam file yang aktif
Ctrl + Shift + F : mencari teks dalam seluruh proyek
Ctrl + / : membuat komentar pada baris yang aktif
Alt + klik : menambahkan kursor tambahan
Ctrl + X : memotong baris atau teks yang aktif
Ctrl + C : menyalin baris atau teks yang aktif
Ctrl + V : menempelkan baris atau teks yang sudah dipotong atau disalin sebelumnya
Ctrl + Z : melakukan undo (membatalkan aksi sebelumnya)
Ctrl + Shift + Z : melakukan redo (mengulang aksi yang sudah dibatalkan)
Ctrl + ] dan Ctrl + [ : menggeser indentasi baris ke kanan atau kiri
Itu adalah beberapa shortcut dasar di VSCode yang dapat memudahkan kamu saat coding. Selain itu, VSCode juga memiliki banyak extension yang dapat membantu mempercepat dan mempermudah pekerjaan kamu saat coding.
Eksitensi VscodeYang Dapat Membantu Coding Lebih Effisien
Ada banyak ekstensi yang tersedia di Visual Studio Code yang dapat membantu meningkatkan efisiensi dan produktivitas saat coding. Beberapa ekstensi yang bisa membantu coding yang lebih efisien adalah:
Bracket Pair Colorizer 2
untuk memudahkan melihat pasangan kurung, kurawal, dan tanda baca lainnya dengan memberi warna pada setiap pasangan.
ESLint
untuk memeriksa kode JavaScript dan memastikan bahwa kode tersebut sesuai dengan aturan yang telah ditentukan.
GitLens
untuk memudahkan penggunaan Git dengan menampilkan informasi lebih banyak tentang perubahan kode dan pengguna yang terlibat.
Live Server
untuk mengaktifkan server web lokal secara langsung pada file HTML, CSS, dan JavaScript yang sedang digunakan, sehingga perubahan yang dilakukan pada kode dapat dilihat secara langsung tanpa perlu me-refresh browser.
Prettier
untuk memformat ulang kode secara otomatis agar mudah dibaca dan diikuti.
Visual Studio IntelliCode
untuk memberikan saran dan prediksi pada kode yang sedang ditulis berdasarkan praktik terbaik dan analisis kode berbasis AI.
Code Spell Checker
untuk mengecek ejaan pada kode dan menyarankan perbaikan jika terdapat kesalahan pengejaan.
Remote Development
untuk mengembangkan kode di lingkungan yang terisolasi, seperti di dalam container, VM, atau mesin jauh, sehingga mengurangi kebutuhan akan instalasi perangkat lunak lokal.
Auto Close Tag
untuk menutup tag HTML, XML, dan JSX secara otomatis setelah mengetik tanda kurung sudut.
Itu hanyalah beberapa contoh ekstensi yang dapat membantu coding yang lebih efisien di Visual Studio Code. Tentu saja, ada banyak ekstensi lain yang dapat diinstal dan digunakan sesuai dengan kebutuhan dan preferensi kamu dalam coding. Sekian