Extension wajib pada Visual Studio Code untuk Pemula


Sebelumnya silahkan instal terlebih dahulu visual studio codenya pada halaman dibawah ini

Download Visual Studio Code (VS CODE)

Setelah di instal silahkan buka VSCodenya kemudian arahkan ke sebelah kiri pada bagian sidebar dan pilih pada menu paling bawah Extensions, atau shortcutnya adalat CTRL+SHIFT+X (Windows) dan bisa mencari dan download extension tetapi pastikan sudah terkoneksi internet

  1. SUBLIME TEXT KEYMAP AND SETTING IMPORTER
    Pengguna Sublime text jika anda ingin menggunakan visual studio code seakan-akan menggunakan sublime text maka anda harus menginstal extension "Sublime text keymap and setting importer" untuk menghilangkan dan memunculkan sidebar seperti di Sublime Text maka tinggal shortcut "CTRL+K+B"
  2. OPEN IN BROWSER
    Untuk langsung membuka project kita pada browser yang sebelumnya belum ada pada VSCode maka harus menambahkan Extension "OPEN IN BROWSER" cara pakainya anda tinggal klik kanan pada code dan open in browser, atau bisa menginstal exstension "LIVE SERVER" sok dicoba weh
  3. AUTO RENAME TAG
    digunakan untuk mengganti Tag pada code secara langsung tanpa harus mengganti tag pembuka dan penutupnya cukup tag pembukanya saja, cara manual atau menggunakan "CTRL+D"
  4. INTELLISENCE FOR CSS CLASSNAME
    Untuk Framework extension untuk melihat kelas apa saja yang ada pada struktur cssnya 
  5. CSS PEEK : mengintip elemen yang kita buat terkena CSS apa/Class apa
  6. INDEN RAINBOW untuk membuat halaman terutama HTML yang banyak DIV nya karena biasanya kita bingung tutupnya yang mana
  7. BRACKET PAIR COLORIZER mewarnai kurung kurawalnya agar memeprmudah proses coding
  8. BEAUTIFY Untuk membantu formating coding untuk menjalankan menggunakanteknik Save maka anda buka dulu Preferences, setting pada VS Code, pilih text editor dan formating dan ceklis format on save (berlaku untuk CSS, HTML dan Javascript)
  9. PHP INTELLISENSE untuk ngoding PHP silahkan instal PHP Intelicence
  10. ONE DARK PRO untuk menambahkan tema warna pada VSCode

Powered by Blogger.