2013/05/30

Sublime Text2 安裝Zencoding

哎喲,最近要交HTML5的期末作業了,就順便來練一下HTML吧。
Sublime Text2是之前在高軟聚會所學習到的工具
這個工具對我來說就是Notepad++動態版

為什麼這麼說呢?
能夠像Eclipse或是Visual Studio一樣有智慧標籤,也能夠安裝第三方套件在編輯器上



Zen-coding又是另一個第三方套件,該套件可以加快開發者對於HTML開發速度
Zen-coding有支援以下的第三方編輯器

支援那麼多的編輯器,但是玩過得沒幾個,XD


首先呢!先按下
Ctrl + `,按下Enter




再輸入
import urllib2,os;pf='Package Control.sublime-package';
ipp=sublime.installed_packages_path();
os.makedirs(ipp) 
if not os.path.exists(ipp) 
else 
None;
open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())

安裝完成在重啟


選到工具列的Preferences/Package Control



並且輸入
Install Package

參考『Sublime Text 2 安裝 Zen Coding 外掛』是輸入『zencoding』,但是那似乎是Mac在用的?
問了我同學那位神人之後,他說要輸入『Emmet』



我們就輸入『Emmet』試試看吧,果真神人同學就是不一樣


安裝完成後,就會出現以下說明


根據『神器二合一!SUBLIME TEXT 2+ZEN CODING』,輸入
Ctrl + Alt + Enter 
就會出現輸入的地方可以輸入table等等的HTML Tag




其餘就等各位自行嘗試吧




參考資料:
http://www.uisdc.com/sublime-text-2zen-coding
http://blog.lyhdev.com/2012/12/sublime-text-2-zen-coding.html
https://code.google.com/p/zen-coding/