防止js-beautify添加额外的空格/空行

时间:2017-04-20 11:19:34

标签: sass whitespace js-beautify

js-beautify(在VSCode下使用)通过在评论后添加额外的行来惹恼我:

我的sample.scss

/* a fancy comment */
.foo-bars {
    background: $gray;
    display: block;

    width: 26px !important;
}

... ...变为

/* a fancy comment */
                      <-- annoying empty line inserted
.foo-bars {
    background: $gray;
    display: block;
                     <--- (this is fine. I like it being preserved)
    width: 26px !important;
}

这是我的.jsbeautifyrc(经过验证有效,即通过"indent_char": "#"进行测试)

{
    "indent_char": " ",
    "preserve_newlines": true,
    "max_preserve_newlines": 8,
    "keep-array-indentation": true,
    "break_chained_methods": false,
    "newline_between_rules": false,
    "selector_separator_newline": false,
    "end_with_newline": false
}

更新:仅影响/* block comments */,而不是// line comments

1 个答案:

答案 0 :(得分:1)

似乎这应该已修复(js-beautify#609),但不知何故没有达到预期的效果,因为对于此问题仍然有一个开放的issue#531和一个待处理的pull request

正如您所提到的,您现在可以使用// line comments作为解决方法。