Sublime Text : Zen Coding

最近三梔阳要學著用Zen Coding 來寫Code，因為真的可以加快開發的速度~所以用了一陣子的Sublime Text決定安裝一下

Sublime Text 安裝
http://www.sublimetext.com/   官方網站

啟用Package Control
https://sublime.wbond.net/installation

那我們就來看看怎麼安裝吧

1. 安裝好Sublime --> 都是一直按下一步--->啟動 Sublime Text 畫面如下

2. 安裝Package Control , 我們在sublime text畫面 按下 Ctrl + ` 
就會出現Console如(圖1),之後我們再複製Package Control官網的文字(圖2)貼上按下Enter.

圖1

圖2

3. 或是您使用Package Control 提供的手動方式安裝

4. 之後我們在Sublime Text ---> Tools ---> Command Palette

5. 按下Command Palette後彈出視窗再打上 Install Package

6. 按下之後再打上 emmet 按下 Enter 就OK了!

7. 按下 Ctrl +Shift+Enter 就可以進行預覽的輸入(不打就不會預覽)

比如說
打這段div#wrapper後按下 Tab鍵 就會出現<div id="wrapper"></div>

8. 詳細的教學和使用方使可以在下面兩個網站參考一下

http://docs.emmet.io/abbreviations/syntax/
https://code.google.com/p/zen-coding/