Install Zen Coding Plugin for Sublime Text 2

由於 Zen Coding Projects 沒有提供官方的 Sublime Text 2 外掛,所以在官方網站沒得下載…但目前可以透過其他方式,安裝步驟如下:

  1. 安裝 Package Control
  2. 重開 Sublime Text 2
  3. 打開 Package Control 視窗(Preference>Package Control)
  4. 輸入 Package Control: install package (“Package Control:"應該會打開的時候已經被輸入。),然後按 enter
  5. enter 完之後會出現一個視窗,在輸入框中輸入 zen ,這時候應該會看到選單裡面有 Zen Coding 的選項,選"Zen Coding"(直接 enter 或是用滑鼠點選都可以)
  6. 重開 Sublime Text 2

已經安裝完了,請開一個 index.html ,然後輸入 header>h1>a[href=#]{Hello Zen Coding}*4 ,在此行最後面按一下 Tab ,就會看到剛才那行變成以下的 code

<header>
<h1>
<a href="#">Hello Zen Coding</a>
<a href="#">Hello Zen Coding</a>
<a href="#">Hello Zen Coding</a>
<a href="#">Hello Zen Coding</a>
</h1>
</header>

PS.後來得知,理論上, Textmate Bundle 也是可以安裝在 Sublime Text 2 的,有興趣的也可以試試看 😛

Advertisements

發表回應

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s