Almost everyone knows about the program
Punto Switcher , which is very useful in that when writing:
Automatically converts this to:
<div>
Or
')
at
.button
In general, the nerves remain intact, because you do not have to manually erase everything and write a new one. You can not even worry about what your layout is worth.
And the most interesting thing is that thanks to this program you can create a kind of Emmet. Or rather, the finished structure for Emmet'a.
For example, we write this:
.cont
Or
SpoilerIt does not matter, the program itself will change the given word, because before each name of the tag or class we put "." or "<" and the program understands that we want to see here exactly the tag or the name of the class.
Then we just press Tab or Enter and get this:
.container>.row>.col-md-12
It remains to press Tab again, so that Emmet would convert this string to the structure we need.

All this happens in less than 1-2 seconds, which already speaks of a slight, but accelerated, writing of the code.
Then everything depends on your imagination, and on how many cuts you come up with.
References:
EmmetPunto Switcher from Yandex
Thanks for the tip on the program
wdmasterAnd thank you for your attention.