-------VS code-------
{
	"Block (with comment)": {
		"prefix": "di",
		"body": [
			"<!-- begin ${1} -->",
			"<div class=\"${1}\">",
			"\t${2}",
			"</div>",
			"<!-- end ${1} -->"
		]
	}
}

-------Sublime text-------
<snippet>
	<content><![CDATA[
<!-- begin $1 -->
<div class="$1">
	$2
</div>
<!-- end $1 -->
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>di</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>text.html</scope>
</snippet>