Sketch插件根据命名导出HTML片段Sketch Emmet

更新时间:11-24   软件大小:   软件由 设计小编 上传,软件仅供学习参考

根据 Emmet 命名方式导出 HTML 片段


Sketch插件根据命名导出HTML片段Sketch Emmet

 

安装


  • 下载并解压 Sketch Emmet.zip

  • 双击 Sketch Emmet.sketchplugin 完成安装


使用


按照 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]



提示


首先需要 Emmet 插件官方 下载地址 找到对应支持的编辑器,并下载对应插件


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


Sketch插件根据命名导出HTML片段Sketch Emmet


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


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


最后执行 tab 完成操作


0
大家都在问

1、成为VIP后官网所有素材都可以下载吗?

成为旗舰QVIP后,图翼网(www.tuyiyi.com)官网所有素材都可以无限制下载。

2、素材会持续更新吗?

会 ,网站资料每天都有更新,且资源都是高端素材,精心的海外商业设计资源,可激发你的创造性。

3、充值购买后多久能够下载素材?

付款后秒成为VIP会员,如付款后没有显示VIP标识,可以退出重新登录账号即可显示。

4、免费下载或者VIP会员专享资源能否直接商用?

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

5、购买后支持退款吗?

在VIP有效期内素材可以无限下载,由于素材是虚拟物品,购买之后不支持退换。

标签:sketch插件
图翼网微信公众号:tuyiyicom
图翼网在线客服QQ:1003030973
图翼网站导航
图翼网QQ群联盟