Emmet 的转到编辑点的动作,可以快速的在可能要编辑的地方来回跳转,比如一组空白的没有内容的标签之间,没有设置值的属性,这些都是编辑点 …
快捷键 alt + command + → 可以转到下一个编辑点上,windows 上应该是 alt + ctrl + → … alt + command + ← 可以转到上一个编辑点上 …
跟转到编辑点类似的动作还有选择编辑项目… 标签的名称可以编辑的项目,标签的属性是编辑项目,属性的值也是编辑项目 …
快捷键 shift + command + . 可以选择当前位置的下一个编辑项目 …
shift + command + , 这个快捷键可以选择当前位置的上一个编辑项目 ..
测试
我们先试一下转到编辑点 … 先随便选中一个位置 … (蜡炬成灰泪始干。</p>)
按一下 alt + command + → 转到下一个可以编辑的点,就是这个空白的 <dt> 标签之间 … 再按一下这个快捷键 … 会转到下一个编辑点 … 就是这组 <dd> 标签 …
它的后面没有可编辑的点了 … 我们再试试转到上一个编辑点 … 可以使用 alt + command + ←
先是 <dd> 标签之间 … 然后是 <dt> 之间 … 最后这个编辑点是 <h1> 标签里面的这个空白的 class 属性里面 …
编辑项目
下面我们可以再试一下选择编辑项目 … shift + command + . 可以选择下一上编辑项目… 会选择 h1 标签里的这个 class 属性 …
再按一下 … 会选择下面的 <p> 标签 … 然后是下面的 dl … dt … dd …. 接着是 p 标签 … a 标签 … 这个 a 标签里有一个 class 属性 … 它也是一个编辑项目 …
再往下就是属性的值这个编辑项目 … 接着是每一个具体的值 …
shift + command + , 这个快捷键可以选择前一个编辑项目 …