How to enable HTML Emmet Expansion in VS Code [Windows].

How to enable HTML Emmet Expansion in VS Code [Windows].

Just write

"emmet.triggerExpansionOnTab": true

Confused? Where to write? I'll guide you through it.

  • Step 1: Open Vs code and go to files > preferences > settings (shortcut: " ctrl+, ")

  • Step 2: There in the search bar type setting, scroll down, there you will find "Live Serer > Settings : ignore file ", below that a tab named "Edit in settings.json".

html expansion file.PNG

Click on that file and paste ' "emmet.triggerExpansionOnTab": true '

image.png

and it is done.

Now, create a new HTML file and press "! then tab ".

Bonus: Use ctlr+shift+V to run the preview readme file on vs code.

Thank you.