5.08.2014

[工具] Sublime Text 2 安裝紀錄

以下整理 Sublime Text2 文字編輯器的安裝方法及相關套件。


. 第一個安裝的plugin:(https://sublime.wbond.net/installation#st2)
先按ctrl+`,並貼上下列命令:
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')


. 安裝成功後重新啟動 Sublime Text ,按下「Ctrl + shift + p」會顯示 Package Control ,並選擇Package Control 下的 install package 就可開始安裝以下相關套件。


●. 以下為pluging 推薦安裝列表:
  1. AlignmentCtrl + Alt + A):http://wbond.net/sublime_packages
    程式碼對齊工具。
  2. ColorHighlighter:https://github.com/Monnoroch/ColorHighlighter 自動顯示對應的顏色。 
  3. ColorPickerCtrl + Shift + C):http://weslly.github.io/ColorPicker/
    選擇顏色。
  4. BracketHighlighterhttp://wbond.net/sublime_packages/community
    程式碼括弧高亮提示。 
  5. Pretty JsonCtrl + Alt + J):
    https://sublime.wbond.net/packages/Pretty%20JSON
    格式化 JSON 檔案。
  6. Indent XMLCtrl + K + F):格式化 XML 檔案。
  7. ConvertToUTF8:可轉換UTF8、Big5 
  8. Emmethttps://github.com/sergeche/emmet-sublime#readme 
  9. SublimeTmpl:產生HTML範本 
  10. jsFormat:javascript格式化排序 
  11. Prefixr ( Ctrl+Alt+X ):CSS跨瀏覽器相容性補齊(目前還未測試成功)

●.常用熱鍵
  1. Ctrl + Shift + P  開啟命令面板
  2. Ctrl + PageDown、Ctrl + PageUp、Ctrl + P  快速切換開啟文件 
  3. Ctrl + R 快速在文件中搜尋Function
  4. Ctrl + G 移動到指定的行數  
  5. Ctrl + N 開新分頁 
  6. Ctrl + X 刪除行 
  7. Ctrl + / 單行註解 
  8. Ctrl + Shift + / 區塊註解 
  9. Ctrl + F 搜尋 / Ctrl + H 取代 
  10. Ctrl + Shift + F 檔案間搜尋 
  11. Ctrl + R 快速跳到某個函數 
  12. F11 全螢幕 / Shift + F11 極簡潔全螢幕 
  13. Alt + Shift + [1-4] 水平多重視圖 
  14. Alt + Shift + [8,9] 垂直多重視圖 
  15. Alt + Shift + 5 4格多重視圖

●. Reference
  1. Package Control, https://sublime.wbond.net/
  2. Package Control 排行榜, https://sublime.wbond.net/browse/popular
  3. Sublime Text手冊, http://docs.sublimetext.tw/
  4. mrkt, http://kevintsengtw.blogspot.tw/p/sublime-text-2.html#.U2rfH4GSzwx
  5. KingKong Bruce 
  6. Emmet Documentation
  7. 安裝Emmet套件

沒有留言:

張貼留言