vscode_利用vscode emmet代码片段(模板)来提高html/css编辑效率/emmet核心语法

文章目录

• emmet official introduction
• vscode official introduction
• emmet 参考手册
• 使用注意
• 常用语法及其符号含义
• • Child: >
  • Sibling: +
  • Climb-up: ^
  • Grouping: ()
  • Multiplication: *
  • Naming and numbering: $,@
  • ID and CLASS attributes
  • Custom attributes[]
  • Text: {}
  • Implicit tag names

emmet official introduction

• Emmet Documentation

vscode official introduction

link

emmet 参考手册

link

使用注意

触发emmet 代码片段的输入不应当以<开头,例如,触发表单的补全模板:

常用语法及其符号含义

Child: >

Sibling: +

Climb-up: ^

• 节点等级提升
  

Grouping: ()

• 整体化
  

Multiplication: *

• 非常适合在列表中使用
  

Naming and numbering: $,@

• 格式化排序命名
• 默认增序(ascend)
• @-逆序(desend)(转义-)(从下往上增加)
• 支持指定序列区间(起点)
  
  又比如:
  

ID and CLASS attributes

Custom attributes[]

Text: {}

Implicit tag names