Web design: Vim+emmet Simple Walkthrough

After you open vim, in English state, press the lowercase i key.

Input

Html:5>h2+form>p*10

Cursor at the end of the line, in the English state, while pressing CTRL + Y (Control and Y), and then immediately let go, wait a second, and then press the key.

Input
{Account number:}input[type=text name=userid size=
Cursor in
{Account number:}input[type=text Name=userid size=16] at the end,
In the English state, press CTRL + Y (Control and Y), then immediately let go, wait a second, then press the key.
Input
{password:}input[type=password name pass SIZE=16]
Cursor in
{password:}input[type=password name pass size=16] at the end,
In the English state, press CTRL + Y (Control and Y), then immediately let go, wait a second, then press the key.

Click, Save window, save file as   test.html
The effect of opening with a browser is as follows



Web design: Vim+emmet Simple Walkthrough