sublime3前端配置大全

安裝插件管理器


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.看效果


按ctrl+alt+p


美滋滋




html-css-js-Prettify??

改成自己的node位置

SideBarEnhancements

?

自定義快捷鍵,底下的路徑要寫對

sublime開發基本配置就是這些了! 朋友們可以幫忙補充一些,謝謝!!!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容