Penganturan Visual Studio Core Sebelum Belajar HTML

Perintah Setting masuk ke Visual Studio Code tekan :  CTRL+,

A. Pengaturan Dasar

1. Zoom Level : 1
2. Font Size : 16
3. Word Wrap : on
4. Minimap : hilangkan centangnya
5. Compact Folders : hilangkan centangnya

B. Install Extensions

1. Material Icon Theme : digunakan untuk memberikan ikon khusus pada file dan folder di Visual Studio Code berdasarkan jenis atau format file, sehingga struktur proyek menjadi lebih mudah dikenali, rapi dan nyaman dilihat saat bekerja.

2. Prettier - Code formatter : digunakan untuk merapikan kode secara otomatis

3. Auto rename tag : digunakan untuk mempermudah perubahan nama tag HTML secara otomatis. Jika tag pembuka diubah dan tag penutupnya juga akan ikut berubah.

4. Live server : digunakan untuk menjalankan halaman HTML secara langsung di browser dan otomatis memperbarui tampilan ketika kita mengubah kode.