以下整理 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 就可開始安裝以下相關套件。
●. 安裝成功後重新啟動 Sublime Text ,按下「Ctrl + shift + p」會顯示 Package Control ,並選擇Package Control 下的 install package 就可開始安裝以下相關套件。
●. 以下為pluging 推薦安裝列表:
●.常用熱鍵
- Alignment(Ctrl +
Alt + A):http://wbond.net/sublime_packages
程式碼對齊工具。 - ColorHighlighter:https://github.com/Monnoroch/ColorHighlighter 自動顯示對應的顏色。
- ColorPicker(Ctrl + Shift + C):http://weslly.github.io/ColorPicker/
選擇顏色。 - BracketHighlighter:http://wbond.net/sublime_packages/community
程式碼括弧高亮提示。 - Pretty Json(Ctrl + Alt + J):
https://sublime.wbond.net/packages/Pretty%20JSON格式化 JSON 檔案。 - Indent XML(Ctrl + K + F):格式化 XML 檔案。
- ConvertToUTF8:可轉換UTF8、Big5。
- Emmet:https://github.com/sergeche/emmet-sublime#readme
- SublimeTmpl:產生HTML範本
- jsFormat:javascript格式化排序
- Prefixr ( Ctrl+Alt+X ):CSS跨瀏覽器相容性補齊(目前還未測試成功)
●.常用熱鍵
- Ctrl + Shift + P 開啟命令面板
- Ctrl + PageDown、Ctrl + PageUp、Ctrl + P 快速切換開啟文件
- Ctrl + R 快速在文件中搜尋Function
- Ctrl + G 移動到指定的行數
- Ctrl + N 開新分頁
- Ctrl + X 刪除行
- Ctrl + / 單行註解
- Ctrl + Shift + / 區塊註解
- Ctrl + F 搜尋 / Ctrl + H 取代
- Ctrl + Shift + F 檔案間搜尋
- Ctrl + R 快速跳到某個函數
- F11 全螢幕 / Shift + F11 極簡潔全螢幕
- Alt + Shift + [1-4] 水平多重視圖
- Alt + Shift + [8,9] 垂直多重視圖
- Alt + Shift + 5 4格多重視圖
●. Reference
- Package Control, https://sublime.wbond.net/
- Package Control 排行榜, https://sublime.wbond.net/browse/popular
- Sublime Text手冊, http://docs.sublimetext.tw/
- mrkt, http://kevintsengtw.blogspot.tw/p/sublime-text-2.html#.U2rfH4GSzwx
- KingKong Bruce
- Emmet Documentation
- 安裝Emmet套件
沒有留言:
張貼留言