0、Package Control
? ? ? ? ? 功能：安裝包管理
? ? ? ? ? 簡介：sublime插件控制臺，提供增加、刪除、修改、查詢插件等功能
? ? ? ? ? 使用：sublime.wbond.net/installation?
? ? ? ? ? 安裝方法：
? ? ? ? ? ? ? ?1、CTRL+`，出現控制臺
? ? ? ? ? ? ? ?2、粘貼以下代碼至控制臺
ST2：
import urllib2,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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://packagecontrol.io/' + 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')
ST3：
import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' +'1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp= sublime.installed_packages_path(); urllib.request.install_opener(urllib.request.build_opener( urllib.request.ProxyHandler()) );by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh= hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of%s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb').write(by)
1、基礎操作
? ? ? ? ? 安裝完上面的包管理后即可繼續操作
? ? ? ? ? 安裝插件：摁下Ctrl(mac下為Cmd)+Shift+p，輸入install，選擇Package Control: install Package，摁下回車，即可輸入插件名進行安裝
? ? ? ? ? 卸載插件：摁下Ctrl(mac下為Cmd)+Shift+p，輸入remove，選擇Package Control: remove Package，摁下回車，選中插件名確認即可卸載
2、Emmet
安裝
? ? ? ? ? 簡介：代碼快捷鍵，前端必備
? ? ? ? ? 使用方法：docs.emmet.io/cheat-sheet/
3、LESS
? ? ? ? ? 功能：LESS高亮插件
? ? ? ? ? 簡介：使用過LESS的同學都知道，sublime沒有支持less代碼高亮，使用這個插件可以幫上我們
4、autoprefixer
? ? ? ? ? 功能：CSS添加屬性私有前綴
? ? ? ? ? 簡介：CSS還未標準化，所以要給各大瀏覽器一個私有前綴以解決兼容問題
? ? ? ? ? 使用：選中要添加前綴的CSS，按下Ctrl+Shift+P，輸入auto選擇autoprefixer CSS即可(需要安裝node.js)
? ? ? ? ? 其他設置如快捷鍵請參考：sublime.wbond.net/packages/Autoprefixer
5、DocBlockr
? ? ? ? ? 功能：生成注釋
? ? ? ? ? 簡介：標準的注釋，可快速生成，手寫起來麻煩
? ? ? ? ? 使用方法：輸入/*、/**按下回車，具體參考sublime.wbond.net/packages/DocBlockr
6、ColorPicker
? ? ? ? ? 功能：調色板
? ? ? ? ? 簡介：需要輸入顏色時，可直接選取顏色
? ? ? ? ? 使用方法：快捷鍵Ctrl+Shift+C
7、AutoFileName
? ? ? ? ? 功能：文件路徑補全
? ? ? ? ? 簡介：文件名輸入補全，例如圖片路徑
? ? ? ? ? 使用：輸入"/"即可看到本項目文件夾的其他文件
8、html-css-js prettify
? ? ? ? ? 功能：代碼壓縮/美化/整理
? ? ? ? ? 使用：快捷鍵Ctrl+Shift+H
全部整理：
? ?部分整理：
9、主題
? ? ? ? ? 名稱：Boxy Theme
直接上圖：
這個主題包含了右側圖標的美化，以及選項卡的美化，需要增加配置(我的是Mac系統，window系統大同小異)：
Sublime Text -> ?Preferences -> Settings 然后會出現兩個分頁的窗口，左側添加配置：
"color_scheme":"Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme","theme":"Boxy Monokai.sublime-theme",
此主題選擇配色方法：
Sublime Text -> Preferences -> Color Scheme -> Boxy Theme -> schemes ?然后就可以自由選擇顏色了，具體參考github.com/ihodev/sublime-boxy
10、SideBarEnhancements
? ? ? ? ? ?功能：增強側邊欄
11、ColorHighlighter
? ? ? ? ? ?功能：顏色代碼選中時高亮
12、SublimeCodeIntel
? ? ? ? ? 功能：JavaScript自動補全
? ? ? ? ? 設置方法：
安裝完成后選擇這個選項
然后將此處的"jQuery"替換為"JavaScript"，重啟sublime即可。
