网站最后更新日期: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/zh-cn/add-css-compact-expand-command-to-sublime-text/

本文章由“超级efly”于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