Atom编辑器折腾记_(10)CSScomb增强版[CSS/LESS/SASS]_html/css_WEB-ITnose

何为csscomb

官方网站只有一句描述:

Makes your code beautiful(让你的代码更漂亮)

通俗点讲:

CSScomb是用来排版CSS代码的…可以说是格式化插件,依赖nodejs

官方网站: CSScomb

昨天写了篇CSS3的文章…发现代码有点混乱..人力排版有点…….所以跑去atom插件库寻找csscomb

我去,,好几个CSScomb插件包….看图(三个蓝色圈圈的功能基本一致,第一个是官方的,,,今天的主角是黄色的)

atom-css-comb

特点

基础使用

'atom-text-editor':  'ctrl-alt-c':'css-comb:comb'

进阶使用

针对用户群:喜欢折腾,有自己风格的小伙伴,这里只是展示,具体小伙伴自己可以参考官方提供的文档进行定制

看到上面那个common config,选中custom config [Edit config file],
进入到定制参数页面,格式是使用JSON写的.

{    "help": "About options https://github.com/csscomb/csscomb.js/blob/master/doc/options.md",    "exclude": ["node_modules/**"],    "verbose": true,    "always-semicolon": true,    "block-indent": " ",    "colon-space": ["", " "],    "color-case": "lower",    "color-shorthand": true,    "element-case": "lower",    "eof-newline": true,    "leading-zero": false,    "quotes": "single",    "remove-empty-rulesets": true,    "rule-indent": " ",    "stick-brace": "\n",    "strip-spaces": true,    "unitless-zero": true,    "vendor-prefix-align": true }

定制参数大全:点我点我点我