"There has to be a better of doing this than popping open my text editor and manually writing all these tags". This isn't a silver bullet, but perhaps the open

"There has to be a better of doing this than popping open my text editor and manually writing all these tags". This isn't a silver bullet, but perhaps the open-source tool, Emmet [0], can help remove some/much of the drudgery. There's a little demo on its docs page[1] and here's how it's described there: Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimised for web-developers whose workflow depends on HTML/XML and CSS, but can be used with programming languages too. There are also a bunch of YouTube videos about it.[2] (It even has a Wikipedia page[3]). [0] https://emmet.io/ https://emmet.io/ [1] https://docs.emmet.io/ https://docs.emmet.io/ [2] https://www.google.com/search?q=site%3Ayoutube.com+emmet&ie=utf-8&oe=utf-8 https://www.google.com/search?q=site%3Ayoutube.com+emmet&ie=... [3] https://en.wikipedia.org/wiki/Emmet_(software) https://en.wikipedia.org/wiki/Emmet_(software)