西西软件园多重安全检测下载网站、值得信赖的软件下载站!
西西首页常用软件软件下载安卓软件游戏下载安卓游戏MAC应用驱动下载安卓电视
系统工具网络工具媒体工具图形图像社交软件杀毒软件办公软件驱动软件学习教育阅读工具其他软件
当前位置:首页MAC软件Mac图形图像 → sketch根据Emmet命名方式导出html片段Sketch Emmet v1.0 最新版

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

sketch根据Emmet命名方式导出html片段Sketch Emmet
  • 更新:2018-09-12 17:26
  • 大小:6KB
  • 版本:v1.0 最新版
  • 语言:中文
  • 类型:Mac图形图像
  • 平台:Mac
本类排行
  • 应用介绍
  • 应用截图
  • 下载地址
  • 网友评论

Sketch Emmet插件可以帮你在sketch中通过Emmet命名方式导出HTML片段,Emmet语法可以帮助程序员快速的编写 HTML 和 CSS 代码,如果你需要这款插件可以来西西下载使用。

使用方法:

按照 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 语法可查看 官方语法速查表

使用提示:

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

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

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

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

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

最后执行 tab 完成操作

下载地址

下载地址

特别说明

同类推荐

发表评论

昵称:
表情: 高兴 可 汗 我不要 害羞 好 下下下 送花 屎 亲亲