Js-beautify: CSS：改行を保持する

作成日 2014年09月25日 · 17コメント · ソース: beautify-web/js-beautify

正しく構成されていないか、欠落している可能性がありますが、CSSで改行を保持する必要があり、機能しないようです。

これが私の設定です：

"css": {
  "allowed_file_extensions": ["css", "scss", "sass", "less"],
  "end_with_newline": true,
  "indent_char": " ",
  "indent_size": 2,
  "selector_separator": " ",
  "selector_separator_newline": false,
  "preserve_newlines": true
}

css enhancement

ソース

parties

👍11

最も参考になるコメント

SCSSファイルの場合は+1²。

問題＃563にも同様の問題があります。 .scssファイルを保存/フォーマットすると、上部の変数とインポート呼び出しがすべてまとめられ、保守が困難になります。空の行を検出して保持するのは素晴らしいことです：+1：

参考までに：

<strong i="8">@import</strong> "config";

$background: #ececec;
$color: #00aec8;

body {
    font-size: $font-size;
}

...次のようになります：

<strong i="12">@import</strong> "config";
$background: #ececec;
$color: #00aec8;
body {
    font-size: $font-size;
}

darlanalves 2015年01月26日

👍3

全てのコメント17件

いいえ、css-beautifierにはまだpreserve_newlinesオプションがありません。

bitwiseman 2014年09月29日

hotmeteor 2014年11月13日

+1
持っているといいでしょう

bor 2015年01月20日

SCSSファイルの場合は+1²。

参考までに：

<strong i="8">@import</strong> "config";

$background: #ececec;
$color: #00aec8;

body {
    font-size: $font-size;
}

...次のようになります：

<strong i="12">@import</strong> "config";
$background: #ececec;
$color: #00aec8;
body {
    font-size: $font-size;
}

darlanalves 2015年01月26日

👍3

marcbelmont 2015年02月22日

+1 !!

HTML / CSS / JS Prettifyプラグインは明らかにこれを利用しているのでしょうか？それを使ってCSSとSCSSをクリーンアップするのはちょっと風変わりで、基本的に長い間役に立たない-手で十分な大きさのファイルをクリーンアップしてスペースを残すだけで、このプロセスによってすべてが一緒にマッシュアップされるのはフラストレーションです..おかげで修正を取得するのは本当に素晴らしいでしょう！