sketch根据Emmet命名方式导出html片段插件破解版Sketch Emmet1.2中文版

怎么在sketch里面实现通过Emmet命名方式导出HTML片段呢，快下载Sketch Emmet插件试试吧，它是一款能够帮助用户在sketch中通过Emmet命名方式导出HTML片段的实用小插件，Emmet语法能够帮助程序员快速的编写HTML和CSS代码，有了它你就可以非常便捷的使用这个工具了，有兴趣的朋友快下载Sketch Emmet插件进行安装使用吧。

使用注意

以Sublime Text为例：可以直接在该编辑器里使用快捷键command ⌘ + shift ⇧ + P 输入install找到包安装

sketch根据Emmet命名方式导出html片段Sketch Emmet

等待左下角进度完成以后，在弹出的层输入Emmet完成安装

粘贴插件生成的代码片段以后，需要再一次使用快捷键command ⌘ + shift ⇧ + P 输入ssh将当前文档转为HTML编码模式

最后执行tab完成操作就行了

使用说明

按照Emmet缩写语法组织和命名组/层，并执行 Plugins > Sketch Emmet > Get Emmet Snippet

或者是直接在Runner插件下输入Emmet执行获得代码片段操作

代码片段会暂存于剪贴板，于编辑器粘贴后使用快捷键tab就可以展开代码完成操作

要是想忽略或者是阻止一个或者一组图层被复制输出，前缀以%字符为开头，以一个空格与图层名隔开

要是你输出一张位图，那么使用前缀或名称为img会自动添加宽度和高度属性，还能够添加class和id及url属性，比如：

img
img.classname
img.classname#id
img.classname#id[src=#]

文本层只输出里面的文字，除非指定一个适当的HTML标签名称

p
h1
h2
h3
p.classname
p.classname#id
p.classname#id[attribute=value]