Sublime Text 2 CSS格式化 (兼容sublime text 3)

简介: 每个人的CSS书写习惯都不一样,有人喜欢一行形式的书写方式,比如: 有人喜欢多行的书写习惯,比如: 各有好处,随自己喜欢选择。 就比如我喜欢的单行的书写方法,拿到多行的文件时,就觉得各种不舒服,各种蛋疼。

每个人的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 选中光标所在的样式定义.

 

相关文章
|
3月前
|
XML JSON 前端开发
json字符串CSS格式化
完成以上步骤后,你便能在网页中看到格式化后的JSON数据,它们将按照CSS定义的样式进行展示,使数据更易于阅读和理解。通过有效地结合JSON和CSS,你可以创建出更加丰富且易于交互的网页内容。
213 64
|
6月前
lua环境,sublime text 插件安装
lua环境,sublime text 插件安装
|
3月前
|
XML JSON 前端开发
json字符串CSS格式化
json字符串CSS格式化
73 5
|
4月前
|
Python
Sublime Text Python 代码提示插件 Anaconda
Sublime Text Python 代码提示插件 Anaconda
98 1
|
4月前
|
JSON 数据格式
Sublime Text 查找的内容 高亮显示
Sublime Text 查找的内容 高亮显示
573 0
Sublime Text 查找的内容 高亮显示
|
4月前
Sublime Text 16进制显示
Sublime Text 16进制显示
202 0
|
4月前
|
JSON 数据格式
Sublime Json 格式化
Sublime Json 格式化
70 0
|
4月前
Sublime Text 汉化 中文
Sublime Text 汉化 中文
71 0
|
5月前
|
前端开发 容器
你不知道的css——3. 内外尺寸、流宽度、格式化宽度、格式化高度、首选最小宽度、包裹性、最大宽度
你不知道的css——3. 内外尺寸、流宽度、格式化宽度、格式化高度、首选最小宽度、包裹性、最大宽度
48 2
|
7月前
|
前端开发 Unix Linux
Sublime Text 3配置 Python 开发环境
【5月更文挑战第7天】本篇 Huazie 介绍了 Sublime Text 3 配置 Python 开发环境的相关内容,感兴趣的朋友赶紧配置起来,有任何问题可以随时评论区沟通。
179 1
Sublime Text 3配置 Python 开发环境