sublime2 好用的前端編輯器

Emmet 安裝
我使用手動安裝方法 :

1. 先安裝 PyV8 ，到此連結選擇你的操作系統版本下載
2. 開啟packages，點選功能選單「Preferences > Browers Packages」會打開文件夾，並新增PyV8資料夾，將剛下載的zip檔解壓縮放到PyV8資料夾中
3. 下載emment，點此連結 下載，解壓縮到packages資料夾
4. 重啟sublime即可

參考

• emmet documentation http://docs.emmet.io/abbreviations/
• 好用工具Emmet安裝方法  http://www.blogjava.net/Hafeyang/archive/2013/01/19/394449.html

• 前端开发神器 Emmet   html、css寫法  http://blog.wpjam.com/m/emmet/

-----

如果不用手動安裝，就要使用package control組件安裝

安裝package control組件:

1. 點選功能選單「View > Show Console」調出 console
2. 如果你是sublime2及複製下段程式碼貼上，按enter即可

import urllib2,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

1. 點選功能選單「Preferences > Browers Packages」開啟packages資料夾
2. 下載 Package Control.sublime-package並直接放在packages資料夾
3. 重啟sublime即可

-----
安裝好package control就可以來試試用它安裝套件!
先來安裝alignment 實用的對齊套件
alignment 安裝:

1. 按下ctrl + shift + p 叫出 command palette
2. 輸入「 install Packages」按下enter
3. 再輸入「 alignment」，選擇「 Alignment」後按enter就可以安裝
4. 重啟sublime即可

alignment使用:

選取一行後按「 Ctrl +L」會把下一行也一起選取~可以多按幾遍把下面幾行都一起選取

按下「 Ctrl +Alt+a」會對齊

-----

還有一個必安裝的就是 IMESupport
他支援中文輸入時不會先與畫面分離等輸入完按enter才跑到程式碼中
而使可以輸入時就在程式碼裡面

IMESupport安裝:

1. 按下ctrl + shift + p 叫出 command palette
2. 輸入「 install Packages」按下enter
3. 再輸入「 IMESupport」，選擇「 IMESupport」後按enter就可以安裝
4. 不用重啟sublime即可試打看看吧

-----

35堂課讓你熟悉sublime!! 影片教學
http://code.tutsplus.com/articles/perfect-workflow-in-sublime-text-free-course--net-27293

mrkt的網誌sublime2各式教學
http://kevintsengtw.blogspot.tw/2012/02/sublime-text-2-part2.html#.UzzH0_mSySo


css註解:

輸入divider按tab即可產生下面註解，節省時間
/************
* =
*************/
安裝:點 tools > new snippet貼上下面網址的碼
https://github.com/princemaple/ST2-User/blob/master/general/divider.sublime-snippet