網站最後更新日期:2016年12月3日
歡迎大家來到暢想資源 AREFLY.COM!
讚好Facebook
追隨Twitter
加入QQ群
關注微博
關注微信公眾號
捐款
更多聯絡方式
X

為Sublime Text 2添加CSS壓縮/格式化功能

在寫CSS時每個人的風格都不一樣,有些人喜歡「多行書寫」,而有些人卻喜歡「單行書寫」,而今天暢想資源就來教大家如何為這個著名的編輯器Sublime Text添加CSS壓縮/格式化功能,讓你使用Sublime Text編寫CSS時更加方便快捷!

預覽

add-css-compact-expand-command-to-sublime-text-5-1

add-css-compact-expand-command-to-sublime-text-5-2

教學

1、首先拷貝「https://gist.github.com/vitaLee/2863474」內代碼並儲存為「compact_expand_css_command.py

提示:如上述Github鏈接失效,請使用「本站之備份」(可能並非最新版本!)

add-css-compact-expand-command-to-sublime-text-1

2、儲存完成後,Windows使用者需將該文件移至「C:\Users\[用戶名]\AppData\Roaming\Sublime Text 2\Packages\User」,而Mac使用者則需將該文件移至「/Users/[用戶名]/Library/Application Support/Sublime Text 2/Packages/User/(Mac用戶可參考「本文章」進入該資料夾!)

注意:上述路徑僅供參考,請根據本機實際情況情況進行適當調整!

add-css-compact-expand-command-to-sublime-text-2

3、接著,我們還需要為該功能添加快捷鍵,打開Sublime Text 2並選擇「Preferences > Key Bindings - User」,然後加入下列代碼:

add-css-compact-expand-command-to-sublime-text-3-1

add-css-compact-expand-command-to-sublime-text-3-2

4、現在打開一個CSS文件,我們就可以通過按下 Ctrl (Control)+Alt (Command)+] 來格式化CSS,而按下 Ctrl (Control)+Alt (Command)+] 來壓縮CSS啦! :razz:

add-css-compact-expand-command-to-sublime-text-5-1

add-css-compact-expand-command-to-sublime-text-5-2

參考

Sublime Text 2 CSS格式化

覺得這篇文章有用麼?分享一下讓更多人知道吧!

爲繼續支持本站繼續寫出優質文章、歡迎捐款!

注:本站同時長期承接WordPress外掛及主題制作、伺服器環境配置等,如需詳情,請「聯系我們」!

© 版權聲明:「暢想資源」之所有文章及資源系采用「創用 CC 姓名標示-非商業性-相同方式分享 3.0 香港 授權條款」發布及共享,轉載時須以相同方式發布並注明「原文鏈接」!

本文固定鏈接:http://www.arefly.com/add-css-compact-expand-command-to-sublime-text/

本文章由「」於2014年08月26日發表於「電腦」分類

你可以發表迴響,並在保留原文地址及作者的情況下引用到你的網站

轉載請注明:為Sublime Text 2添加CSS壓縮/格式化功能 | 暢想資源

關鍵字:, , , ,

以下是廣告時間,廣告內容僅供參考!

廣告載入中...

為Sublime Text 2添加CSS壓縮/格式化功能:目前有 73 條留言

訪客以 38:35 暫時領先博主

迴響載入中,請稍等...
  1. 31樓
    斌果 China Google Chrome Windows

    好啊,一直有这个困惑

    [回覆]
  2. 30樓
    进击的小浩 China Google Chrome Windows

    WOW!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!太厉害了!!!!!!!!!!!!!!!!!!!!!!efly懂css!!!!!!!!!!!!!!!!!!!!!!!!

    [回覆]
    • WOW!!!!!!!!!!!!!!!!!!!!!!!!!!!你竟然懂英文!!!!!!!!!!!!!!!!!!!!太厲害了!!!!!!!!!!!!!!!!!

      [回覆]
  3. 29樓
    免费部落 China Google Chrome Windows

    看来博主对CSS还是很懂的!

    [回覆]
  4. 28樓
    Phnomi China Google Chrome Windows

    博主厉害哦!!

    [回覆]
  5. 27樓
    ysam China Safari  Android 4.0.4 HUAWEI T8833 Build/HuaweiT8833

    恩,有效的缩小css文件大小

    [回覆]
  6. 26樓
    快乐淘 China Internet Explorer Windows

    呵呵,很赞哦!

    [回覆]
廣告載入中...

發表迴響



微笑 調皮 偷笑 可愛 大笑 壞笑 詭計 贊 疑問 HI~ 愛 抱歉 對不起 頭暈 驚訝 帥 努力 勞累 瘋狂 難過 大哭 差 豬 邪惡 無言 憤怒 流汗 擦汗


快捷鍵:Ctrl+Enter