0、Package Control
功能:安裝包管理
簡介:sublime插件控制臺,提供增加、刪除、修改、查詢插件等功能
使用:sublime.wbond.net/installation
安裝方法:
1、CTRL+`,出現(xiàn)控制臺
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、基礎(chǔ)操作
安裝完上面的包管理后即可繼續(xù)操作
安裝插件:摁下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的同學(xué)都知道,sublime沒有支持less代碼高亮,使用這個插件可以幫上我們
4、autoprefixer
功能:CSS添加屬性私有前綴
簡介:CSS還未標準化,所以要給各大瀏覽器一個私有前綴以解決兼容問題
使用:選中要添加前綴的CSS,按下Ctrl+Shift+P,輸入auto選擇autoprefixer CSS即可(需要安裝node.js)
其他設(shè)置如快捷鍵請參考:sublime.wbond.net/packages/Autoprefixer
5、DocBlockr
功能:生成注釋
簡介:標準的注釋,可快速生成,手寫起來麻煩
使用方法:輸入/*、/**按下回車,具體參考sublime.wbond.net/packages/DocBlockr
6、ColorPicker
功能:調(diào)色板
簡介:需要輸入顏色時,可直接選取顏色
使用方法:快捷鍵Ctrl+Shift+C
7、AutoFileName
功能:文件路徑補全
簡介:文件名輸入補全,例如圖片路徑
使用:輸入"/"即可看到本項目文件夾的其他文件
8、html-css-js prettify
功能:代碼壓縮/美化/整理
使用:快捷鍵Ctrl+Shift+H
全部整理:
直接整理頁面結(jié)構(gòu)、CSS、JS將全部整理
部分整理:
將CSS或者JS全部選中,摁下快捷鍵即可
9、主題
名稱:Boxy Theme
直接上圖:
這個主題包含了右側(cè)圖標的美化,以及選項卡的美化,需要增加配置(我的是Mac系統(tǒng),window系統(tǒng)大同小異):
Sublime Text -> Preferences -> Settings 然后會出現(xiàn)兩個分頁的窗口,左側(cè)添加配置:
"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
功能:增強側(cè)邊欄
11、ColorHighlighter
功能:顏色代碼選中時高亮
'
12、SublimeCodeIntel
功能:JavaScript自動補全
設(shè)置方法:
安裝完成后選擇這個選項
然后將此處的"jQuery"替換為"JavaScript",重啟sublime即可。
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號