4

私のscssファイルでコードスタイルを実行するのは面倒ですか?

.scss ファイルにコード スタイルを適用したいのですが、可能ですか?

そのタスクは、次の規則を適用して私のCSSコードをフォーマットします。それは可能ですか?

アーカイブしたい例

グーグルから：

宣言をアルファベット順に並べます。覚えやすく維持しやすい方法で一貫したコードを実現するために、宣言をアルファベット順に配置します。

background: fuchsia;
border: 1px solid;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: black;
text-align: center;
text-indent: 2em;

または idiomatic-css から:

宣言の順序 宣言が一貫して順序付けされる場合、単一の単純な原則に従っている必要があります。

小規模なチームは、関連するプロパティ (ポジショニングやボックス モデルなど) をまとめてクラスター化することを好む場合があります。

.selector {
    /* Positioning */
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    /* Display & Box Model */
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    padding: 10px;
    border: 10px solid #333;
    margin: 10px;

    /* Other */
    background: #000;
    color: #fff;
    font-family: sans-serif;
    font-size: 16px;
    text-align: right;
}

ありがとうございました。

4

1 に答える 1

2

あなたの最良の選択肢はscss-lintだと思います

GitHub から:

scss-lint は、SCSS ファイルをクリーンで読みやすい状態に保つためのツールです。

それにはRubyが必要ですが、これは一部の人にとってはブロッカーになる可能性があります.

Grunt でこれを使用する方法の例は、この記事にあります。

于 2016-05-06T10:11:09.300 に答える