sublime Text3 常用外掛以及安裝方法
0、Package Control
功能:安裝包管理
簡介:sublime 外掛控制檯,提供增加、刪除、修改、查詢外掛等功能
安裝方法:
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
安裝
簡介:程式碼快捷鍵,前端必備
3、LESS
功能:LESS 高亮外掛
簡介:使用過 LESS 的同學都知道,sublime 沒有支援 less 程式碼高亮,使用這個外掛可以幫上我們
4、autoprefixer
功能:CSS 新增屬性私有字首
簡介:CSS 還未標準化,所以要給各大瀏覽器一個私有字首以解決相容問題
使用:選中要新增字首的 CSS,按下 Ctrl+Shift+P,輸入 auto 選擇 autoprefixer CSS 即可 (需要安裝 node.js)
5、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 即可。