Ekstensi Visual Studio Code (VS Code) adalah program tambahan yang dapat menambahkan fitur baru ke editor kode VS Code. Ekstensi ini dapat membantu mempermudah dan menyenangkan pekerjaan developer, seperti: Merapikan codingan, debugging dll.
Cara Instal
- Buka VS Code, kemudian klik extensions atau bisa juga dengan mengklik Ctrl+shift+X pada keyboard
- Kemudian pada menu pencarian, cari nama extensions yang akan di instal (disini extensions yang akan di instal adalah vscode-pets)
- Kemudian klik extensions yang akan di instal lalu instal extensions tersebut
Beberapa rekomendasi extensions dalam beberapa kategori
Tampilan
CodeSnap
CodeSnap adalah ekstensi untuk Visual Studio Code (VS Code) yang berfungsi untuk mengambil tangkapan layar kode program. Dengan CodeSnap, pengguna dapat mengambil tangkapan layar kode dengan lebih rapi.
Cara menggunakan:
- Klik Ctrl+Shift+P pada keyboard kemudian cari CodeSnap
- Pilih kode yang ingin diambil tangkapan layarnya
- Klik logo codesnap untuk menyimpan tangkapan layar ke dalam disk
Hasilnya:
Dracula Theme Official
Dracula Theme adalah tema UI dan skema warna yang dirancang khusus untuk pemrograman, termasuk untuk editor kode. Tema ini dirancang untuk membuat pengguna tetap fokus dan menarik secara estetika.
Hasilnya:
Prettier
Prettier adalah ekstensi Visual Studio Code (VS Code) yang berfungsi untuk memformat kode secara otomatis.
Hasilnya:
Material Icon Theme
Material Icon Theme adalah tema ikon yang dapat digunakan di Visual Studio Code (VS Code).
Hasilnya:
vscode-pets
vscode-pets adalah ekstensi untuk Visual Studio Code (VS Code) yang menambahkan hewan peliharaan virtual ke editor kode. Hewan peliharaan ini akan berkeliaran di sekitar layar saat Anda bekerja, sehingga dapat memberikan hiburan dan meningkatkan suasana hati.
Hasilnya:
Memudahkan Pengerjaan Project
Live Server
Live Server adalah plugin untuk Visual Studio Code (VS Code) yang memungkinkan pengembang front-end untuk meluncurkan server lokal dan melihat perubahan kode secara real-time.
Hasilnya:
GitHub Copilot atau GitHub Copilot Chat
GitHub Copilot memungkinkan pengembangan yang dibantu AI yang ditingkatkan di Visual Studio, membantu Anda menjadi lebih produktif dan efisien saat menulis kode.
Cara menggunakan:
- Buat akun Github terlebih dahulu
- Instal extensions Github Copilot dan Github Copilot Chat di vs code
- Hubungkan akun Github anda
Error Lens
Error Lens adalah ekstensi untuk Visual Studio Code (VSCode) yang membantu anda untuk lebih cepat menyadari dan memahami kesalahan serta peringatan dalam kode sumber.
Hasilnya:
Code Spell Checker
Code Spell Checker adalah plugin yang berfungsi untuk memeriksa ejaan khusus untuk kode dan Menangkap kesalahan ketik (typo) dan ketidakkonsistenan dalam penulisan variable, function dan lainnya di dalam kode.
Jangan ragu untuk terus menjelajahi berbagai ekstensi yang tersedia! Dunia pengembangan terus berkembang, begitu pula dengan fitur-fitur yang ditawarkan oleh ekstensi VS Code.