网站最后更新日期:2018年8月29日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站 更多联络方式
×

為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格式化

觉得这篇文章有用吗?分享一下让更多人受益吧!

© 版权声明:本文章采用“姓名标示-非商业性-相同方式分享 4.0 国际(CC BY-NC-SA 4.0)”于“”发布,转载时须以相同方式发布并注明“原文链接”!

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

本文章由“超级efly”于2014年08月26日发表于“电脑”分类

你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站

转载请注明:為Sublime Text 2添加CSS壓縮/格式化功能 | 畅想资源

关键字:, , , ,

為Sublime Text 2添加CSS壓縮/格式化功能:目前有 73 条留言
访客以 38:35 暂时领先博主

评论载入中,请稍等……
  1. 25楼
    China Mozilla Firefox Windows

    正在使用Sublime Text的说

    [回复]
    • :mrgreen: :mrgreen: Sublime Text簡直是我用過的最好的一款編輯器!! :idea: :idea:

      [回复]
  2. 24楼
    松果 China Google Chrome Windows

    表示,好久没来逛了 :mrgreen:

    [回复]
  3. 23楼
    Eason Taiwan; Republic of China (ROC) Mozilla Firefox Ubuntu Linux

    CSS是什麼,能吃嗎:p :p

    [回复]
  4. 22楼
    maillot saxo bank China Google Chrome Windows

    代码什么的,完全看不懂。

    [回复]
    • 其實代碼什麼真的不難啦~慢慢看就明白啦! :mrgreen: :mrgreen:

      [回复]
  5. 21楼
    iEdon Inside China Google Chrome Windows

    人这么多,我好伤心 :cry: :cry:

    [回复]
  6. 20楼
    免费部落 China Google Chrome Windows

    博主,老实说,我感觉你刷流量了!

    [回复]
  7. 19楼
    李明 Hong Kong Safari iPhone

    学习了,不喜欢CSS代码写成一行的.

    [回复]
  8. 18楼
    很黑很非洲 China Netscape Navigator iPhone

    再见土豪~

    [回复]
  9. 17楼
    猫客工作室 China Google Chrome Windows

    有点意思 支持一下

    [回复]
  10. 16楼
    灰常记忆 China Mozilla Firefox Windows

    好先进,完全看不懂!

    [回复]
  11. 15楼
    大步 China Mozilla Firefox Windows

    写的时候单行,用的时候再压缩

    [回复]
  12. 14楼
    wu1yi2fan China Mozilla Firefox Windows

    Mr. WOW!!!这么神奇的功能,不错,马克一下,以后肯定用得到,说不好还要顺便搬去我那边哦。 :mrgreen: :mrgreen: :mrgreen: (使用勒统驿站評論框,由Wo代簽到)

    [回复]
  13. 13楼
    梦轩丽人 China Google Chrome Windows

    我见过有人把所有CSS代码写成一行的,感觉这样太难检查了

    [回复]
    • 對呀...遇到這種代碼我先去格式化一下~ :grin: :grin:

      [回复]
  14. 12楼
    hu China Google Chrome Windows

    :idea: 很赞~欢迎看看我的无聊之举。。

    [回复]
    • :laugh: :laugh: 謝謝支持~2048玩的很差...最高只玩到過5000分... :sorry: :sorry: :sorry: :shock: :shock: :shock:

      [回复]
  15. 11楼
    香港虚拟主机 China Google Chrome Windows

    又长知识了,学习了。支持一下

    [回复]
  16. 10楼
    51ads China 搜狗浏览器 Windows

    小龍个人博客 - 专注于资源分享, 一个非常不错的博客 http://www.tanghualong.cn [博主见谅]

    [回复]
  17. 9楼
    imysk China Google Chrome Windows

    MAC。。。。。。无视了

    [回复]
    • Sublime Text是有Windows版本的.......... :cool:

      [回复]
  18. 8楼
    烟花易冷 China Google Chrome Windows

    Hi!Mr.WOW!
    時間:下午3:54:55(使用zzfly.net評論框自動簽到)

    [回复]
    • 今天簽到啦!時間:下午8:51:52(使用Arefly評論框自動簽到) :wow: :wow: :wow:

      [回复]
  19. 7楼
    wwng China Google Chrome Windows

    Hi!Mr.WOW!今天簽到啦!時間:14:22:44(使用Arefly評論框自動簽到)

    [回复]
    • 今天簽到啦!時間:下午8:51:52(使用Arefly評論框自動簽到) :wow: :wow:

      [回复]
  20. 6楼
    上邪 China Google Chrome Windows

    个人习惯写的时候多行,用的时候会转成单行(⊙▽⊙

    [回复]
  21. 5楼
    吴尼玛 China Google Chrome Windows

    这是最后一次在你博客填写留言资料了。。。。。。

    [回复]
    • :crazy: :crazy: 真的只有你有這個怪問題...其他人都好好的...確定你是否開啟了儲存Cookie功能..... :crazy: :crazy: :crazy: :crazy:

      [回复]
      • 吴尼玛 China Google Chrome Windows

        我换了台电脑还是不行,做为这次填写资料的回报,你去我网站点一下那个悬浮广告

        [回复]
        • ....沒找到懸浮廣告... :shock: :shock: :shock:

          [回复]
          • 吴尼玛 China Google Chrome Windows

            浮动的那个。。。。。。在屏幕中浮动的

            [回复]
  22. 4楼
    松果 China Google Chrome Windows

    表示,沙发被抢了 :angry:

    [回复]
  23. 地板
    健康减肥博客 China 搜狗浏览器 Windows

    挺不错的,支持一下,以后会经常关注该博客,同时欢迎回访!

    [回复]
  24. 板凳
    免费部落 China Google Chrome Windows

    博主发文章蛮快的,支持一下!

    [回复]
    • :sorry: :sorry: 不算快吧...現在是兩天一篇.... :sorry: :sorry: 你的似乎一天兩篇耶! :love:

      [回复]
  25. 沙发
    亡月帝 China Google Chrome Windows

    居然是沙发 :mrgreen:

    [回复]

发表评论 点击这里取消回复。



微笑 调皮 偷笑 可爱 大笑 坏笑 诡计 赞 疑问 HI~ 爱 抱歉 对不起 头晕 惊讶 帅 努力 劳累 疯狂 难过 大哭 差 猪 邪恶 无言 愤怒 流汗 擦汗


快捷键:Ctrl+Enter