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

 

目录
相关文章
|
4天前
|
前端开发 JavaScript Linux
Sublime Text 3配置Go语言开发环境
【4月更文挑战第13天】本篇文章 Huazie 向大家介绍使用 Sublime Text 3搭建Go语言开发环境,并演示编译运行 Go语言代码
36 8
Sublime Text 3配置Go语言开发环境
|
1月前
|
前端开发
Sublime Text 3 快捷键总结(拿走)
Sublime Text 3 快捷键总结(拿走)
14 0
|
3月前
Sublime Text 4 设置中文、汉化
Sublime Text 4 设置中文、汉化
143 0
|
4月前
|
程序员 开发工具 开发者
猿如意开发工具|Sublime Text(4126)
猿如意开发工具|Sublime Text(4126)
|
9月前
|
前端开发 容器
CSS:BFC(Block Formatting Context 块级格式化上下文)
CSS:BFC(Block Formatting Context 块级格式化上下文)
51 0
|
4月前
|
JavaScript Linux
Sublime Text 3 在 Linux 中配置
Sublime Text 3 在 Linux 中配置
|
5月前
sublime text 远程开发
sublime text 远程开发
|
5月前
|
前端开发 JavaScript UED
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
css中什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?
22 0
|
5月前
|
Web App开发
解决Sublime Text用浏览器打开没反应
解决Sublime Text用浏览器打开没反应
|
6月前
|
容器
css3的text(文本)
css3的text(文本)
24 0