コードスタイル | Sass
このページを使用して、Sass ファイルのフォーマットオプションを設定します。 これらの設定を変更すると、 プレビュー ペインに、コードへの影響が表示されます。
タブとインデント
タブ文字を使用する |
|
スマートタブ | インデントは 2 つの部分で構成されます。 1 つの部分はコードブロックのネストに起因し、他の部分はアライメントによって決定されます。
|
タブサイズ | このフィールドで、タブに収まるスペースの数を指定します。 |
インデント | このフィールドでは、各インデントレベルに挿入されるスペースの数を指定します。 |
連続インデントの文字数 | このフィールドでは、プロパティの値の間に挿入するスペースの数を指定します。 |
空行でインデントを保持する | このチェックボックスが選択されている場合、WebStorm は空行のインデントを、あたかも何らかのコードが含まれているかのように保持します。 チェックボックスをオフにすると、WebStorm は空行のタブ文字とスペースを削除します。 |
空白行
このタブを使用して、再フォーマット後に WebStorm が保持し、コードに挿入する空白行の場所と数を定義します。 結果は プレビュー ペインに表示されます。
空白行の指定 | この領域では、再フォーマット後に保持する余白行数を指定します。 |
最小の空白行数 | この領域で、最上位ブロックとネストしたセレクターの周囲に余分な空行を追加するかどうかを構成します。 各オプションの横にあるフィールドで、残す余白の最小行数を指定します。 |
その他
コメント 領域のコントロールを使用して、行コメントとブロックコメント、およびそれらの内部のスペースの位置を構成します。
デフォルトでは、コードフラグメントをブロックコメントで囲むと、テキストはスペースなしで
/*文字を開いた直後に始まります。*/文字を閉じる前に、スペースも挿入されません。 このデフォルトのコードスタイルは、ESLint などの一部のリンターのルールと競合する可能性があります。
選択して設定
該当する場合、リンクはページの右上隅に表示されます。 このリンクをクリックして、現在の言語コードスタイルのベースとして使用する言語を選択します。
コードスタイル設定の初期セットに戻り、変更を破棄するには、 リセット をクリックします。