Подскажите, может кто знает в чем проблема. Добавил 2 кастомных сниппета для emmet 
Когда я пишу ссылку или картинку с классом (a.hero или img.hero ), emmet делает обертку div с этим классом и получается вот так 
<div class="hero"><a href='#'></a></div>, можно как-то напрямую класс задавать тегу без обертки ? 
"html": {
	"snippets": {
		"a": "<a href='#'></a>",
		"img": "<img src='../img/${1}' alt='alt'>"
	}
},