<blockquote>
<p>Why did I not care enough to try and optimize my experience writing HTML for the past decade?</p>
</blockquote>
<p>So you can select text in VS Code, open the command palette (<code>ctrl + shift + p</code>) and select <code>Emmet: Wrap with Abbreviation</code>, which will open an input box that you can start typing your desired tag into. Then press enter and it will autowrap your selected text.</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y29as2nxvuzeyn9sreqn.gif" alt="Emmet Autowrap" /></p>
<h4 id="heading-you-only-just-discovered-this-are-you-stupid-shane">You Only Just Discovered This? Are You Stupid, Shane?</h4>
<p>Yes, I'm sorry. This entire time I never realized I could do this. I regret all of the needless suffering my wrists have endured.</p>
<h1 id="heading-emmethttpsemmetio"><a target="_blank" href="https://emmet.io/">Emmet</a></h1>
<p>VS Code has something called Emmet built into it, which apparently has all sorts of fun looking functionality. I only discovered it because of the HTML autowrap that I saw someone use in a YouTube video, but it looks like it even has its own integrated "language" for auto-generating HTML by defining "abbreviations".</p>
<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fyvccgk6th1ixnvmujqg.gif" alt="Emmet Abbreviation" /></p>


> Why did I not care enough to try and optimize my experience writing HTML for the past decade?

So you can select text in VS Code, open the command palette (`ctrl + shift + p`) and select `Emmet: Wrap with Abbreviation`, which will open an input box that you can start typing your desired tag into. Then press enter and it will autowrap your selected text.

![Emmet Autowrap](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y29as2nxvuzeyn9sreqn.gif)

#### You Only Just Discovered This? Are You Stupid, Shane?
Yes, I'm sorry. This entire time I never realized I could do this. I regret all of the needless suffering my wrists have endured.

# [Emmet](https://emmet.io/)
VS Code has something called Emmet built into it, which apparently has all sorts of fun looking functionality. I only discovered it because of the HTML autowrap that I saw someone use in a YouTube video, but it looks like it even has its own integrated "language" for auto-generating HTML by defining "abbreviations".

![Emmet Abbreviation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fyvccgk6th1ixnvmujqg.gif)



Why did I not care enough to try and optimize my experience writing HTML for the past decade?

VS Code PSA: You Can Autowrap Selected Text In HTML Tags

You Only Just Discovered This? Are You Stupid, Shane?

Emmet