1. Open in Browser

Ekstensi ini berfungsi untuk membuka file source code kita ke browser secara langsung, dengan cara klik kanan pada file html yang kita buat lalu pilih open in browser.

<img src="https://lh4.googleusercontent.com/nqGYt5sX7Oy1q9EggumpDtq41QU0apAWr3FWacw4R5HEqj_Eq_IlQEj37VkjacWhwKxndfIANU8geE-gHQ57A1h9Wwky9bjMoc_1hydqBMTJfHHcniO6z6KYnciXd5ccMph8p6u0zkDd4gS33e0" alt="" style="height: ;width: "/>

Link:<a href="https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser" target="_self"> <ins>Click Here</ins></a> 

2. Live Server

Ekstensi ini memungkinkan kita untuk melakukan reload aplikasi secara otomatis pada saat kita melakukan perubahan tanpa kita reload secara manual pada browser.
&nbsp;
Setelah melakukan instal live server, klik kanan pada file html kemudian pilih open live server atau bisa menggunakan opsi ALT+L+Q. 
<img src="https://lh4.googleusercontent.com/YQUlA6AXaJ2_fQitHetd6YKELk84HovFuIgxAyyftm0UfKLTIqIph6dNDkpiEfZxmPUCBea_9ye8lHHxhWJ3v6hdKQuO-mvNlABu2C4ya1bDW52RIvFrUcDTEVEjjDcRbVCak9v9jGgE7vvF3A" alt="" style="height: ;width: "/>

Link:<a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" target="_self"> <ins>Click Here</ins></a>
&nbsp;
3. Prettier - Code formatter
Prettier adalah sebuah ektensi code formatter yang dapat merapihkan source code yang kita ketikan secara otomatis menjadi lebih rapih.&nbsp;

<img src="https://lh5.googleusercontent.com/VeAkXp-IREQd5Xix8d6mFhk0ZWFjHrLHe_sdgBYPET1bi8cE7zu9-LTSeglDrIDPDYh5CuvvF8OBcwhNUqkAMEXE6FUoqCBInJbc3cmz5X63US-lC-llGLSasyf4Ljsggl6fktfcIAbyMxjVScI" alt="" style="height: ;width: "/>

Link:<a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode" target="_self"> <ins>Click Here</ins></a> 
4. VSCode Icons
Ekstensi ini akan menampilkan view berupa ikon di sebelah folder/file struktur folder kita, jadi memudahkan kita ketika mencari sebuah folder/file.

<img src="https://lh4.googleusercontent.com/4Dwp_p9lJ0-zqiz4h0iC6gUu8QR7c9g2LN-YSxQeQYilG8no9ytVNTrmCUV095EgqLr2rf7X7h7bCW3mCK8vaZB1fdKLUzySQwVOTyHjGs7m74gay5x51WQMxZ5Nu1kRjmAT1talNNhKjcZPfqo" alt="" style="height: ;width: "/>

Link:<a href="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons" target="_self"> <ins>Click Here</ins></a> 

5. Path Intellisense
Kita akan selalu membutuhkan ekstensi ini karena ekstensi ini sangat membantu dan berguna dalam hal import dependecies, memasukkan gambar ke dokumen, link file javascript atau css dan semua hal yang berkaitan dengan path file.

<img src="https://lh3.googleusercontent.com/XO5TOXqcaiI6QnrLi5fljovioEZW3lRJGX4HTQZKELkeB5ATjVWHEj1QQP_5_NVyqQtYFllGXJjiyLE1Lc-aM-iiBU1OxyhyYH7u_pnNopiP5j7FAmIyXtwXUZI7v6DpcHtsjUauWYZJv9uaZ0Y" alt="" style="height: ;width: "/>

Link:<a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense" target="_self"> <ins>Click Here</ins></a>
&nbsp; &nbsp;

Visual Studio Code merupakan salah satu software yang sangat populer digunakan saat ini. VS Code dikelola oleh Microsoft dengan dukungan ekstensi serta support dari berbagai komunitas.  VIsual Studio Code berisi kumpulan plugin yang dapat diinstal ke text editor untuk membuatnya menjadi lebih powerfull.

5 Rekomendasi Ekstensi Visual Studio Code