Fungsi Extension VSCode - Rian010/Journal GitHub Wiki

Fungsi Extension VSCode:

  1. Auto Rename Tag:

    • Mengubah nama tag pembuka dan penutup secara otomatis saat Anda mengubah nama salah satunya.
    • Menghemat waktu dan menghindari kesalahan ketik.

  2. Bracket Pair Colorizer 2:

    • Memberi warna berbeda pada pasangan kurung kurawal, tanda kurung siku, dan tanda kurung biasa.
    • Memudahkan identifikasi pembukaan dan penutupan blok kode.

  3. Color Highlight:

    • Menyorot kata kunci, fungsi, variabel, dan teks lainnya dengan warna berbeda berdasarkan jenisnya.
    • Meningkatkan keterbacaan kode dan memudahkan navigasi.

  4. CSS Flexbox Cheatsheet:

    • Menampilkan referensi singkat tentang properti flexbox CSS saat Anda mengetik.
    • Menghemat waktu mencari dokumentasi online.

  5. CSS Peek:

    • Menampilkan isi file CSS yang dikaitkan dengan kelas atau ID yang Anda hover.
    • Melihat definisi CSS tanpa perlu berpindah file.

  6. CSS-Auto-Prefix:

    • Menambahkan vendor prefix yang diperlukan secara otomatis untuk properti CSS.
    • Memastikan kompatibilitas lintas browser.

  7. Highlight Matching Tag:

    • Menyorot tag pembuka dan penutup yang sesuai saat Anda mengarahkan kursor ke salah satunya.
    • Memudahkan navigasi antara tag terkait.

  8. Image Preview:

    • Menampilkan pratinjau gambar langsung di editor saat Anda hover atau mengklik file gambar.
    • Menghemat waktu bolak-balik antara editor dan aplikasi preview gambar.

  9. Indent-Rainbow:

    • Memberi warna berbeda pada setiap level indentasi kode.
    • Memvisualisasikan struktur kode dan meningkatkan keterbacaan.

  10. Live Server:

    • Menjalankan server pengembangan lokal langsung di VSCode.
    • Mengakses dan melihat perubahan file HTML, CSS, dan JavaScript di browser secara otomatis.

Perlu dicatat: Daftar ini hanya mencakup 10 extension dan fungsinya secara singkat.

VSCode memiliki banyak sekali extension lain yang tersedia, masing-masing dengan fitur dan fungsi tambahan yang luas. Jangan ragu untuk mengeksplorasi marketplace extension untuk menemukan yang sesuai dengan kebutuhan Anda.