10 Ekstension Visual Studio Code


        Assalamualaikum, Apa kabarnya teman teman ? semoga baik baik saja dalam keadaan sehat. Pada blog kali ini saya akan membagikan sedikit tips atau saran mengenai ekstension Visual Studi Code terbaik yang bisa membantu kalian para developer mengerjakan project kodingan dengan lebih mudah dan cepat.

1. Open In Browser

    Visual Studio Code tidak meiliki fitur untuk memuat file HTML kita langsung ke browser default. Nah Ekstensi Ini berfungsi untuk itu, dengan ekstensi ini akan ada tambahan menu saat kita menekan right-click pada Visual Studio Code. Menu yang ditambahkan bernama Open With Default Browser dan Open With Other Browser. Jadi fungsinya saat kita menekan menu itu kita akan langsung diarahkan ke browser untuk melihat hasil dari kodingan HTML kita.

2. Auto Rename Tag

    Ekstension ini berfungsi untuk memudahkan kita saat sedang mengerjakan suatu kodingan karena ekstensi ini akan secara otomatis merename tag penutup dari tag yang kita ingin rename jadi kita tidak usah report report merename tag penutupnya.

3. Auto Close Tag

    Ekstension ini berfungsi untuk memudahkan kita saat sedang mengerjakan suatu kodingan karena ekstensi ini akan secara otomatis membuat close tag saat kita menuliskan tag pembukanya jadi ekstensi ini sangat berfungsi untuk mempercepat waktu pengerjaan.

4. Live Server

    Ekstension ini berfungsi untuk membuat server live untuk web yang kita buat menggunakan HTML. Karena Live Server, jadi saat kita mengubah kodingan kita maka tampilan atau hasil di browser otomatis berubah tanpa harus kita refresh halamannya.

5. Material Icon Theme

    Ekstension ini berfungsi untuk memperindah tampilan Visual Studi Code kita karena icon icon folder dan file akan lebih menarik.

6. One Dark Pro

    Ekstension ini berfungsi untuk mengubah tema Visual Studi Code kita, Menurut saya tema ini lebih jelas dan berwarna jadi saat kita mengerjakan kodingan akan terasa terbantu oleh tema ini.

7. Noctis

    Ekstension ini berfungsi untuk mengubah tema Visual Studi Code kita, Tema ini memadukan antara warna warm and cold. Jadi tema ini sangat cocok bagi kalian yang suka dengan warna gabungan antara warm dan cold.

8. Faker

    Ekstension ini berfungsi untuk membuat fake data lamat, nama perusahaan, tanggal, nama orang, nomor telepon, atau sekedar lorem ipsum. Daripada memasukkan data yang tidak jelas lebih baik pasang Extension ini dan buat data yang lebih nyata.

9. Beautify

    Ekstension ini berfungsi untuk merapihkan susunan kodingan kita seperti Javascript, HTML, CSS, dan JSON yang sesuai standar.

10. Prettier

    Ekstension ini hampir sama dengan Ekstensi Beautify yaitu merapihkan kodingan kita. Ekstensi ini akan merapihkan secara otomatis kodingan kita bahkan bisa merekomendasikan penulisan yang baik seperti apa.


    Bagaimana menurut kalian apakah ekstension ekstension diatas bisa membantu kalian mengerjakan project kodingan lebih cepat ? Kalau kalian punya pendapat sendiri mengenai ekstension terbaik versi kalian langsung saja komen di bawah agar kita bisa saling share. Sekian blog kali ini semoga bermanfaat dan bisa membantu kalian dalam mengerjakan project project, jangan lupa komen dan share jika kalian suka dan merasa blog ini bermanfaat. Wassalamualaikum.