emmet语法快速编写html与css

0x00 emmet语法快速生成HTML

     ·想要生成标签，直接输入标签按tab就行，要生成html标准模板，则输入！再tab就可以了

    要生成多个标签则输入标签*n就可以了，例如生成10个div就是div*10再按tab

    生成带有父子关系的标签用>  例ul>li*3

 

    生成带有兄弟关系的标签用+ 例如div+p

    生成带class的标签用.   生成带id的标签用#  例p.name   p#id

    如果要生成带顺序关系的标签，可以使用$符号， 例div$*6

    如果想要标签自带内容可以使用{} 例div{我很可爱}*8

 

0x01 利用emmet快速生成css

    基本上采用简写就可以快速生成css

例 width：200px； 输入w200就行了

 

0x02 利用emmet快速格式化代码

    当代码写完后，可以使用emmet快速格式化代码，让代码自动对齐

    webstorm快捷键 ctrl+alt+i

    vscode快捷键   shift+alt+f

    推荐设置自动格式化代码