標籤彙整: Sublime Text

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 的,有興趣的也可以試試看 😛

廣告