网站最后更新日期:2022年3月25日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站(中) 个人网站(EN) 更多联络方式
×

為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壓縮/格式化功能 | 畅想资源

关键字:, , , ,

如果您对本文有任何疑问或建议,欢迎发送邮件至yifei@hesyifei.com(或通过其它途径)联系我们,谢谢!