西西軟件園多重安全檢測(cè)下載網(wǎng)站、值得信賴的軟件下載站!
西西首頁常用軟件軟件下載安卓軟件游戲下載安卓游戲MAC應(yīng)用驅(qū)動(dòng)下載安卓電視
系統(tǒng)工具網(wǎng)絡(luò)工具媒體工具圖形圖像社交軟件殺毒軟件辦公軟件驅(qū)動(dòng)軟件學(xué)習(xí)教育閱讀工具其他軟件
當(dāng)前位置:首頁MAC軟件Mac圖形圖像 → sketch根據(jù)Emmet命名方式導(dǎo)出html片段Sketch Emmet v1.0 最新版

sketch根據(jù)Emmet命名方式導(dǎo)出html片段Sketch Emmet

sketch根據(jù)Emmet命名方式導(dǎo)出html片段Sketch Emmet
  • 更新:2018-09-12 17:26
  • 大小:6KB
  • 版本:v1.0 最新版
  • 語言:中文
  • 類型:Mac圖形圖像
  • 平臺(tái):Mac
本類排行
  • 應(yīng)用介紹
  • 應(yīng)用截圖
  • 下載地址
  • 網(wǎng)友評(píng)論

Sketch Emmet插件可以幫你在sketch中通過Emmet命名方式導(dǎo)出HTML片段,Emmet語法可以幫助程序員快速的編寫 HTML 和 CSS 代碼,如果你需要這款插件可以來西西下載使用。

使用方法:

按照 Emmet 縮寫語法組織和命名組/層,然后執(zhí)行 Plugins > Sketch Emmet > Get Emmet Snippet 或直接在 Runner插件下輸入 Emmet 執(zhí)行獲得代碼片段操作,代碼片段會(huì)暫存于剪貼板,于編輯器粘貼后使用快捷鍵 tab 即可展開代碼完成操作

如果想忽略或阻止一個(gè)或者一組圖層被復(fù)制輸出,前綴以 % 字符為開頭,以一個(gè)空格與圖層名隔開

如果輸出一張位圖,使用前綴或名稱為 img 會(huì)自動(dòng)添加寬度和高度屬性,還可添加 class 和 id 及 url 屬性,例如:

img

img.classname

img.classname#id

img.classname#id[src=#]

文本層只輸出里面的文字,除非指定一個(gè)適當(dāng)?shù)?HTML 標(biāo)簽名稱

p

h1

h2

h3

p.classname

p.classname#id

p.classname#id[attribute=value]

了解更多 Emmet 語法可查看 官方語法速查表

使用提示:

首先需要 Emmet 插件官方 下載地址 找到對(duì)應(yīng)支持的編輯器,并下載對(duì)應(yīng)插件

以 Sublime Text 為例:可直接在該編輯器里使用快捷鍵 command ⌘ + shift ⇧ + P 輸入 install 找到如下圖所示包安裝

sketch根據(jù)Emmet命名方式導(dǎo)出html片段Sketch Emmet

等待左下角進(jìn)度完成后,在彈出的層輸入 Emmet 完成安裝

粘貼插件生成的代碼片段后,需再次使用快捷鍵 command ⌘ + shift ⇧ + P 輸入 ssh 將當(dāng)前文檔轉(zhuǎn)為 HTML 編碼模式

最后執(zhí)行 tab 完成操作

下載地址

下載地址

特別說明

同類推薦

發(fā)表評(píng)論

昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
查看所有(0)條評(píng)論 > 字?jǐn)?shù): 0/500