有没有Sass代码格式化程序？

Question

Sass(SCSS)代码是否有任何代码美化格式化程序？我知道如何格式化SCSS编译器生成的输出CSS代码,但如何为SCSS代码本身提供良好的自动格式化？

我已经尝试了一些在线CSS格式化程序,但它们不能与SCSS代码一起使用.

如果我把它给他们

.list5 {  
    border-bottom: 1px solid #f2f2f1;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
ul li {
    margin: 0 0 5px 25px !important;
    height: auto !important;
    background: none !important;
    font-size: 14px;
    padding: 18px 3px 5px !important;
    width: 169px !important; }
 }

他们给出了这个输出

.list5 {
    border-bottom: 1px solid #f2f2f1;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    margin: 0 0 5px 25px !important;
    height: auto !important;
    background: none !important;
    font-size: 14px;
    padding: 18px 3px 5px !important;
    width: 169px !important;
}

删除这部分 ul li {}

Answer 1

线上

将你的CSS/ SCSS/ 粘贴LESS到dirtystylesheet.com并点击Clean

通过命令行

通过命令行,您可以使用脚本重新格式化CSS/ SCSS/Sasssass-convert

$ sass-convert messy.scss clean.scss

或CSS到SCSS:

$ sass-convert messy.css clean.scss

或SCSS到Sass:

$ sass-convert messy.scss clean.sass

sass-convert安装Sass时会安装该脚本.它可以转换:css,scss和sass之间的任何方向.

了解更多信息sass-convert:

• 访问内置帮助: $ sass-convert --help
• http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#syntax
• http://sass-lang.com/docs/yardoc/#executables

高级用户提示:由于sass语法更严格(property: value每行只允许一对),因此不太可能遇到乱码的问题.

Answer 2

http://hilite.me/ - 支持Sass和Scss

JSFiddle也会这样做.只需按下TidyUp按钮