每個人的CSS書寫習慣都不一樣,有人喜歡一行形式的書寫方式,比如:
有人喜歡多行的書寫習慣,比如:
各有好處,隨自己喜歡選擇。
就比如我喜歡的單行的書寫方法,拿到多行的文件時,就覺得各種不舒服,各種蛋疼。就想把他格式化了改完再說。
之前使用ST2的時候,一直找不到一個合適的符合自己書寫習慣的CSS格式化工具。
今天終於找到了它。https://gist.github.com/2863474 這是插件的下載地址。
下載解壓縮之后,將compact_expand_css_command.py放到
/用戶/kele/資源庫/Application Support/Sublime Text 2/Packages/User/
下.(以我個人的電腦為例。)
Windows的路徑是
C:\Users\kele\AppData\Roaming\Sublime Text 2\Packages\User
之后打開ST2,選擇Preferences>Key Bindings - User如下圖
加入如下代碼:
{ "keys": ["ctrl+super+]"], "command": "compact_expand_css", "args": { "action": "expand" } }, { "keys": ["ctrl+super+["], "command": "compact_expand_css", "args": { "action": "compact" } }
接下來打開一個CSS文件,摁下control+command+[ 或者 control+command+] 就可以看到自己想要的效果了
_____________________________
現提供米米飯修改完美版,提供下載,直接解壓到data\packages即可使用.
使用說明
edit by meetrice 2013 -2-13 兼容 sublime text 3
------------------
菜單項
編輯 -> CSS格式化
快捷鍵
ctrl+alt+] 將css格式化為擴張格式,如選中定義,則格式化選中區域,否則為格式化全文.
ctrl+alt+[ 將css格式化為緊湊格式,如選中定義,則格式化選中區域,否則為格式化全文.
ctrl+shift+r 選中光標所在的樣式定義.