Daftar Extension Visual Studio Code yang Mudah Digunakan dan Bermanfaat untuk Web Developer

{tocify} $title={Table of Contents}

Mengenal Extensions Visual Studio Code

Dalam aplikasi Visual Studio Code terdapat fitur dimana kita bisa menggunakan Alat Pendukung, untuk mengembangkan program kita, alat Pendukung itu berupa Extension, Snippet dan sebagainya.

Cara Download dan Mengaktifkan Extension VSCode

1. Kamu bisa menekan CTRL + SHIFT + X pada VSCode atau Klik Icons ❖
2. Lalu Cari Extension yang kamu butuhkan
3. Kemudian Klik INSTALL
4. Beberapa Extension membutuhkan RELOAD VScode, sehingga kamu perlu menutup dan membuka VSCode ulang.

Rekomendasi Extension untuk Web Development

1. Auto Close Tag - Download
   Manfaat : Menambahkan Penutup Tags secara otomatis pada Bahasa Pemrograman yang didukung.
2. Auto Rename Tag - Download
   Manfaat : Mengganti nama sepasang Tag ( Pembuka dan Penutup ) secara Otomatis.
3. Live Preview - Download
   Manfaat : Pratinjau untuk Web Statis kamu, tanpa perlu menjalankannya di dalam Browser Eksternal ( Chrome, Firefox, dll ).
4. Live Server - Download
   Manfaat : Server lokal dengan fitur reload langsung untuk halaman statis & dinamis.
5. PHP Debug - Download
   Manfaat : Untuk proses debugging pada PHP di VSCode.
6. Prettier - Download
   Manfaat : Melakukan Formatting pada Kode yang kamu ketik menjadi lebih rapih dan bersih secara otomatis.
7. PHP Intelphense - Download
   Manfaat : Untuk mebantu proses pengembangan program atau aplikasi berbasis PHP.
8. Better Comments - Download
   Manfaat : Kamu dapat mengidentifikasi komentar berdasarkan kategori secara efektif.
9. Color Highlight - Download
   Manfaat : Memberikan wana latar belakang pada kode warna di Code Editor sesuai dengan Kode Warna yang digunakan.
10. Code Spell Checker - Download
    Manfaat : Menyoroti kesalahan ketik secara real time ( Seperti Typo pada Sintaks dan sebagainya )
11. Live Saas Compiler - Download
    Manfaat : Untuk mengkompilasi file SASS/SCSS ke file CSS secara real time dengan reload browser secara langsung.
12. ESLint - Download
    Manfaat : Menganalisis penulisan Kode pada Bahasa Pemrograman JavaScript.
13. Github Copilot - Download
    Manfaat : Menyarankan kode dan seluruh fungsi secara real-time langsung dari editor Kamu.
14. Git Lens - Download
    Manfaat : Mengatahui tentang siapa, mengapa, dan kapan sebuah baris atau blok kode diubah.
15. SVG Preview - Download
    Manfaat : Menampilkan pratinjau langsung untuk SVG dan mendukung pengeditan SVG secara real time

Penutup

Visual Studio Code memiliki sangat banyak manfaat dalam pengembangan Program atau Aplikasi berbasis apapun terutama berbasis WEB, dengan dukungan yang terus berjalan, dan komunitas yang hebat, membuat hari semakin hari Code Editor ini memiliki kemampuan yang cukup luar biasa.

Demikian akhir dari artikel tentang "Daftar Extension Visual Studio Code yang Mudah Digunakan dan Bermanfaat untuk Web Developer". Sekian, jika ada kesalahan dalam penggunakan kata maupun kalimat, saya mohon maaf. Semoga bermanfaat dan terima kasih. 😊🙏

Sumber dan Referensi :

• VSCode Extension Store
• 15 VS Code Extension untuk Menghemat Waktu dan Membuatmu Menjadi Frontend Developer yang Lebih Baik
• Inilah Extension Visual Studio Code Terbaik, Rekomendasi Buat Kamu!
• 10 Rekomendasi Extension Visual Studio Code untuk Web Programmer Pemula
• Icons in article production powered by Flaticon