Emmet 语法简介 所有操作按下 “tab” 键即可瞬间完成 Emmet 是一个快速创建 HTML 和 CSS 的方式,如果您想要成为一个高级 Web 开发者,为了工作效率,您应该掌握 Emmet 语法。 Shimon Zhan2019年9月3日Emmet快捷键小于 1 分钟
CSS Emmet对于 CSS 语法,Emmet 为属性提供了许多预定义的代码段。 添加属性 您可以使用缩写来生成 CSS 属性。如 m 会生成 margin: ;,同时光标会自动置于值处。 同时添加属性与值值 您可以将值直接输入缩写的后面,如果有多个值,您需要用 - 将它们分开,多余的 - 将会被理解为负值。 案例 m10: margin: 10px;; m10-20: mShimon Zhan2019年9月3日Emmet快捷键HTML大约 2 分钟
HTML Emmet元素创建 1. 在编辑器中输入元素名称之后按下 tab 即可自动补全生成 HTML 标签,即使不是标准的 HTML 标签。 创建文档 输入: ! 或者 html:5 将创建 HTML 基本结构。 结构操作 子元素 使用 > 生成子元素 案例 div>ul>li: 兄弟元素 使用 + 生成兄弟元素 案例 div+p+bq: 上移 使用 ^ 上移一级 案例 diShimon Zhan2019年9月3日Emmet快捷键HTML大约 4 分钟