转到编辑点与选择编辑项目

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

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 + , 这个快捷键可以选择前一个编辑项目 …

转到编辑点与选择编辑项目《 Emmet:HTML 与 CSS 缩写 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点