ATOM基础教程一使用前端插件csscomb (17)

csscomb简介

csscomb是一款CSS格式化插件，它主要功能是用来排版CSS代码， 通过将CSS 语句的顺序按照排版风格调整，从而为开发者提供布局一个页面的逻辑线索，页面开发完成后，使用csscomb 回顾并理清思路，同时也增强了CSS代码的可读性。

特点：

支持格式化CSS/LESS/SASS

支持自定义格式

csscomb使用

使用快捷键

ctrl-alt-c

进行格式化



实例：

格式化前代码：

.clear {
clear: both;
height: 0;
line-height: 0;
margin: 0
auto;
font-size: 1px
}

使用csscomb格式化后的代码逻辑性更强



格式化后代码：

.clear
{
font-size: 1px;
line-height: 0;

clear: both;

height: 0;
margin: 0
auto;
}