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]