安裝插件管理器
ctrl+` 打開調試窗口,在輸入框內粘貼如下代碼,然后回車即可自動安裝
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)
使用方法:工具欄 Preferences – Package Control ,插件的安裝卸載都可以在這里操作。
安裝前端開發技能包
Emmet,前端神器
AutoPrefixer,瀏覽器私有屬性前綴補全 (Node.js依賴)
ColorConvert,RGBA顏色轉換,十六進制顏色轉換為RGBA顏色
Better Completion,全能代碼提示
LiveStyle,雙向更改無刷新實時預覽 , 包含chrome插件?Emmet LiveStyle
jQuery,jQuery 代碼提示(Better Completion已可替代此插件)
*Sass以及SASS Build,使用Sass必備,ctrl+b執行編譯
ChineseLocalization , 完全漢化插件
Monokai 主題
HTML5,HTML5標簽拓展
JsFormat,javascript格式化
CSS Format,CSS格式化
html-css-js-Prettify,HTML格式化 下面詳細配置
Brackethighlighter,標簽對標記
SideBarEnhancements ,快速打開瀏覽器 下里面詳細配置
BufferScroll,代碼折疊狀態保留
StyleToken , 標記顏色代碼
Sublime CSS3兼容前綴自動補全autoprefixer插件安裝方法
用這個寫css簡直美滋滋,哈哈哈
1. autoprefixer插件需要node.js的支持,所有使用前需要先安裝node.js
? ? node安裝方法就很多了,可以官網下載,也可以360和電腦管家!!
2. sublime安裝autoprefixer插件
? ??使用 Package Control,安裝Autoprefixer,然后重啟 Sublime Text
3.設置快捷鍵
? ??選擇菜單Preferences > Key Bindings – User
? ??????????????????{
????????????????????????"keys": ["ctrl+alt+p"],
????????????????????????"command": "autoprefixer"
? ? ? ? ? ? ? ? ?? ?}
4.兼容IE、firefox和opera
選擇菜單:Preferences > Package Settings > Autoprefixer > Settings - User
"browsers": ["last 2 version", "> 0.1%", "> 5% in US", "ie 6-8","Firefox < 20"]
5.看效果
html-css-js-Prettify??
SideBarEnhancements
?
sublime開發基本配置就是這些了! 朋友們可以幫忙補充一些,謝謝!!!