Code editor adalah salah satu aplikasi yang paling penting buat Software Development. Ada ratusan code editor yang tersedia di luar sana, tapi salah satu yang paling populer adalah Visual Studio Code. Code editor ini cepat, ringan, banyak fitur dan extension, dan sangat user friendly. Jadi, banyak programmer profesional di luar sana yang saat ini juga masih memakai Visual Studio Code.
Menurut website resminya, Visual Studio Code mendukung ratusan bahasa pemrograman. Beberapa yang cukup populer diantaranya adalah Javascript, TypeScript, CSS, dan HTML, tapi masih ada banyak lagi language extension yang bisa ditemukan di VS Code Marketplace. Bahkan banyak juga terdapat documentation yang spesifik untuk bahasa pemrograman tertentu, seperti C++ – C# – CSS – Dart – Dockerfile – F# – Go – HTML – Java – JavaScript – JSON – Julia – Less – Markdown – PHP – PowerShell – Python – R – Rust – SCSS – T-SQL – TypeScript.
Download dan Install Visual Studio Code
Untuk memulai menggunakan Visual Studio Code, download dari website resmi Visual Studio Code. Setelah mendownload, jalankan installernya sampai selesai, lalu buka aplikasinya ya.
Penggunaan Awal
- Setelah pertama kali menjalankan Visual Studio Code, kamu akan dihadapkan pada tampilan seperti di bawah ini.
- Kalau kamu sudah punya project yang sedang berjalan, kamu bisa langsung menambahkan folder ke workspace baru dengan cara klik menu File –> Add a Folder to Workspace.
- Setelah menambahkan folder baru ke workspace, kamu perlu klik icon yang ada di pojok kiri atas (Explorer).
Shortcuts
Salah satu fitur yang paling berguna di Visual Studio Code adalah shortcuts. Ada banyak shortcut utama yang kamu perlu belajar di awa, tapi ada juga ratusan shortcut lanjutan yang lainnya yang bisa membuat hidupmu menjadi lebih mudah kalau kamu mempelajarinya.
Berikut adalah beberapa shortcut utama yang perlu kamu pelajari waktu pertama kali pakai Visual Studio Code.
- Command Pallette
Windows: CTRL+SHIFT+P
Mac: CMD+SHIFT+P
Dengan shortcut ini, kamu bisa mengakses banyak command menurut kebutuhanmu, seperti Git, Save As, Terminal, Go To, dan yang lainnya dengan cara mengetikkan keywordnya. - Quick Open
Windows: CTRL+P
Mac: CMD+P
Dengan shortcut ini, kamu bisa membuka file dengan sangat cepat cuma dengan mengetikkan sebagian nama filenya aja. Ini berfungsi buat semua file yang tersedia di workspace yang sedang terbuka saat ini ya. - Function List
Windows: SHIFT+CTRL+O
Mac: SHIFT+CMD+O
Shortcut ini memungkinkan kamu untuk pergi ke fungsi – fungsi tertentu dengan sangat cepat. Cukup dengan mengetikkan sebagian nama fungsinya aja, kamu akan melihat daftar fungsi yang sesuai dengan keyword tersebut. - Suggestion and Parameter Hints
Windows: Ctrl+Shift+Space
Mac: CMD+Shift+Space
Fitur ini bisa membuat kehidupan programming menjadi jauh lebih mudah, karena kamu tidak perlu melakukan pengecekan ulang mengenai parameter apa aja yang ada di sebuah fungsi. Walaupun fitur ini cukup umum dan sudah ada di code editor lain, tapi shortcutnya biasanya agak berbeda antara satu code editor dengan yang lainnya.
Untuk melihat semua shortcut yang tersedia, kamu bisa cek di bagian key bindings di website resminya. Kamu juga bisa mengganti shortcut – shortcutnya sendiri sesuai dengan keinginan kamu.
Extensions
Salah satu fitur terbaik dari Visual Studio Code adalah banyaknya extension yang disediakan. Beberapa contoh adalah : Gitlens untuk mengelola repository git dengan mudah, extension yang terkait dengan framework seperti PHP Intellisense for Codeigniter, Powershell, Thunder Client untuk tes API tanpa perlu membuka aplikasi lain seperti Postman, Colorize untuk mempermudah pengecekan warna pada file CSS, dan banyak extension lainnya.
Kesimpulan
Ada banyak code editor yang tersedia di luaran sana. Tapi salah satu editor terbaik adalah Visual Studio Code. Paketnya lengkap banget, ringan, cepat, dan sangat customizable. Kalau kamu belum mencobanya, cobain deh, karena editor adalah salah satu hal yang paling penting buat programming.
