Use Emmet grammar to quickly generate structural grammar

1. Use Emmet to quickly generate HTML structure syntax

(1) To generate a label, you can directly enter the tab key, such as div and press the tab key to generate it directly<div></div>
Insert picture description here
Insert picture description here

(2) If you want to generate multiple same tags and add *them, for example, div*3you can quickly generate 3 divs
Insert picture description here

(3) If the label parent-child relationship, you can use >such as ui>lion it
Insert picture description here

(4) If there is a brother relationship label, just use +it. For examplediv+p
Insert picture description here

(5) If you generate a class name or id name, just write .demo或者#two tabit directly .
Insert picture description here
If you need to modify the included tag name, you only need to add a tag in front. p.body
(6) If the generated div class name is ordered, Can use auto-increment symbol$
Insert picture description here

(7) If you want to write content inside the generated label, you can use {} to indicate
Insert picture description here

Guess you like

Origin blog.csdn.net/weixin_45054614/article/details/105935283