VSCodeでPrettierを使用してCSS / SCSS / LESSの自動フォーマットルールを編集する方法

Question

バックグラウンド：

保存時にコードを自動フォーマットするために、VSCodeの Prettier-Code formatter 拡張機能を使用しています。

問題：

私はsassファイルに単一行のブロックを書くのに慣れています（単一のプロパティしかない場合）。

.some-class { background: #f00; }

問題は Prettier 拡張がそれを複数行にフォーマットすることです。

.some-class {
    background: #f00;
}

きれいにcss/scssファイルにstylelintを使用しているようですが、設定でこれを有効にすることでこれらの設定を上書きできることがわかりました：

"prettier.requireConfig": trueおよび。prettierrc.jsファイルを使用していますが、単一行ブロックのリンティングをオフにすることができませんでした。ここに誰かがこれに対する修正を持っているなら、感謝します。

ありがとう

更新：

設定は"prettier.requireConfig": trueで上書きできません。 Prettier-Code formatter VSCodeの拡張機能には、VSCode設定からリンティングするスタイルシートを編集するオプションがありません。

ただし、 stylelint 統合を有効にするオプションがありますが、これにはstylelintおよびstylelintが必要です-prettier npmモジュール。

Prettier デフォルトでは、スタイルシートのリンティングとフォーマットに 標準のstylelint設定 を使用します。

以下のソリューションを投稿しました。

Answer 1

Vscodeにその機能があることは知りません。おそらくprettier-ignore？

/* prettier-ignore */
.some-class { background: #f00; }

参照：

• https://prettier.io/docs/en/ignore.html#css