main.html

<!doctype html>
<html lang="en">
<head>
 <title>Demo</title>
</head>
<body>
 |
</body>
</html>
~~~
tooltip: Type CSS-like abbreviation
type: ul#nav>li.item$*4>a{Item $}
wait: 1000
tooltip: Run “Expand Abbreviation” action to expand it into HTML ::: “Expand Abbreviation” (Ctrl + Alt + Enter)
wait: 600
run: emmet.expand_abbreviation
wait: 1000
tooltip: Traverse between important code points with “Next/Previous Edit Point” action ::: “Next Edit Point” “Previous Edit Point” 
wait: 1000
run: {command: 'emmet.next_edit_point', times: 7}
wait: 1000
tooltip: Select tags with “Balance” action ::: “Balance” (CTRL+0)
run: {command: 'emmet.balance_outward', times: 3}
wait: 1000
moveTo: 102
tooltip: Select important parts with “Select Next/Previous Item” action ::: “Select Next Item” (Ctrl + Alt + . ) “Select Previous Item” (Ctrl + Alt + , )
moveTo: 95
wait: 1000
tooltip: Quickly comment full tag with “Toggle Comment” action ::: “Toggle Comment” (Ctrl+Alt+/)
run: {command: 'emmet.toggle_comment', times: 2, beforeDelay: 1000}

AخA
 
<!doctype html>
<html lang="en">
<head>
    <title>Demo</title>
</head>
<body>
    
</body>
</html>
“Expand Abbreviation” (CTRL + ALT + ENTER)
“Next Edit Point” 
 “Previous Edit Point”
“Balance” (Ctrl+0)
“Select Next Item” (CTRL + ALT + . ) 
 “Select Previous Item” (CTRL + ALT + , )
“Toggle Comment” (Ctrl+Alt+/)

			▶ Watch demo
		