怎么在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]