5 Ekstensi VS Code Wajib untuk Programmer Pemula
Di artikel sebelumnya, kita sudah membahas bahwa Visual Studio Code (VS Code) adalah "rumah" terbaik untuk menulis kodemu. Salah satu alasan mengapa jutaan programmer mencintai VS Code adalah karena adanya fitur Ekstensi.
Ekstensi ibarat aksesori atau modifikasi kendaraan. VS Code aslinya sangat ringan, tetapi kamu bisa menambahkan alat-alat bantu untuk membuat proses menulismu jadi lebih cepat dan tidak membosankan.
Berikut adalah 5 Ekstensi wajib untuk pemula:
1. Prettier - Code formatter
Pernah menulis kode yang berantakan, jarak spasinya tidak beraturan, dan sulit dibaca? Prettier adalah sihir yang akan merapikan kodemu secara otomatis setiap kali kamu menekan tombol "Save" (Ctrl+S).
2. Live Server
Jika kamu sedang belajar HTML dan CSS, ekstensi ini wajib dipasang! Live Server akan menyegarkan (refresh) halaman browser secara otomatis setiap kali kamu mengubah kodemu. Kamu bisa langsung melihat hasil desain webmu secara real-time.
3. Material Icon Theme
Ekstensi ini akan memberikan ikon-ikon yang cantik dan berwarna-warni pada setiap nama file dan folder di VS Code kamu. Selain sedap dipandang, ini membantumu membedakan mana file HTML, mana CSS, dan mana Python.
4. Auto Rename Tag
Sangat berguna saat membuat website. Jika kamu mengubah nama tag pembuka HTML (misalnya dari
5. Error Lens
Untuk membantu menangani rasa panikmu terhadap bug, ekstensi ini akan langsung menyorot dan menampilkan pesan peringatan berwarna merah terang di samping kodemu *sebelum* kamu sempat menjalankannya!
Cukup buka ikon kotak-kotak di menu sebelah kiri VS Code kamu (atau tekan Ctrl+Shift+X), ketik nama ekstensi di atas, dan klik Install!
Ekstensi ibarat aksesori atau modifikasi kendaraan. VS Code aslinya sangat ringan, tetapi kamu bisa menambahkan alat-alat bantu untuk membuat proses menulismu jadi lebih cepat dan tidak membosankan.
Berikut adalah 5 Ekstensi wajib untuk pemula:
1. Prettier - Code formatter
Pernah menulis kode yang berantakan, jarak spasinya tidak beraturan, dan sulit dibaca? Prettier adalah sihir yang akan merapikan kodemu secara otomatis setiap kali kamu menekan tombol "Save" (Ctrl+S).
2. Live Server
Jika kamu sedang belajar HTML dan CSS, ekstensi ini wajib dipasang! Live Server akan menyegarkan (refresh) halaman browser secara otomatis setiap kali kamu mengubah kodemu. Kamu bisa langsung melihat hasil desain webmu secara real-time.
3. Material Icon Theme
Ekstensi ini akan memberikan ikon-ikon yang cantik dan berwarna-warni pada setiap nama file dan folder di VS Code kamu. Selain sedap dipandang, ini membantumu membedakan mana file HTML, mana CSS, dan mana Python.
4. Auto Rename Tag
Sangat berguna saat membuat website. Jika kamu mengubah nama tag pembuka HTML (misalnya dari
<div> menjadi <p>), tag penutupnya akan otomatis ikut berubah tanpa perlu diketik manual.5. Error Lens
Untuk membantu menangani rasa panikmu terhadap bug, ekstensi ini akan langsung menyorot dan menampilkan pesan peringatan berwarna merah terang di samping kodemu *sebelum* kamu sempat menjalankannya!
Cukup buka ikon kotak-kotak di menu sebelah kiri VS Code kamu (atau tekan Ctrl+Shift+X), ketik nama ekstensi di atas, dan klik Install!
