Awesome Stylelint 
素晴らしいStylelintの設定、プラグイン、統合などの一覧です。
目次
分析プラットフォーム
- codacy-stylelint - Codacyとの統合。
- codeclimate-stylelint - Code Climateとの統合。
- megalinter - MegaLinterに統合されています。
- putout - Putoutに統合されています。
- reviewdog/action-stylelint - Reviewdog GitHub Action。
設定
- @archoleat/stylelint-config-extended-scss - プロパティのソートを含むSCSS用のArcholeat設定。
- @primer/stylelint-config - GitHubの共有可能な設定。
- @stylistic/stylelint-config - `@stylistic/stylelint-plugin`のための共有可能なstylistic設定。
- @wordpress/stylelint-config - WordPress CSSコーディング標準の共有可能な設定。
- stylelint-config-clean-order - stylelint-orderを使用してスタイルを並べ替えます。
- stylelint-config-hudochenkov - stylelint-orderを使用する個人的な設定。
- stylelint-config-idiomatic-order - idiomatic-cssに基づいてスタイルを並べ替えます。
- stylelint-config-prettier-scss - SCSSでPrettierを使用する場合、競合するルールを無効にします。
- stylelint-config-prettier - CSSでPrettierを使用する場合、競合するルールを無効にします。
- stylelint-config-property-sort-order-smacss - SMACSSの方法論に基づいたプロパティのソート順。
- stylelint-config-rational-order - 関連するプロパティ宣言を論理的な順序でグループ化してソートします。
- stylelint-config-recess-order - RecessとBootstrapが使用していた方法でCSSプロパティをソートします。
- stylelint-config-recommended-vue - Stylelintの推奨される共有可能なVue設定。
- stylelint-config-sass-guidelines - Sassガイドラインの設定。
- stylelint-config-standard-scss - SCSSの標準設定。
- stylelint-config-standard - CSSの標準設定。
- stylelint-config-wikimedia - Wikimedia CSSコーディング標準の共有可能な設定。
カスタム構文
- postcss-angular - Angularコンポーネント。
- postcss-html - Vue SFCを含むHTML。
- postcss-less - Less。
- postcss-linaria - Linaria。
- postcss-lit - Lit elements。
- postcss-markdown - Markdown。
- postcss-sass - Sass。
- postcss-scss - SCSS。
- postcss-styled-components - Styled-components。
- postcss-styled-syntax - テンプレートリテラル。
エディタ統合
- ale - Vimプラグイン。
- coc-stylelint - Neovimの言語サーバー拡張機能。
- flycheck - Emacs拡張機能。
- linter-stylelint - Atomプラグイン。
- null-ls - Neovimプラグイン。
- sublimeLinter-contrib-stylelint_d - デーモンとしてのSublime Textプラグイン。
- sublimeLinter-stylelint - Sublime Textプラグイン。
- vscode-stylelint - VS Code拡張機能。
フォーマッタ
- stylelint-actions-formatters - GitHub Actionsのエラーと警告を出力します。
- stylelint-checkstyle-formatter - Checkstyle XMLレポートを出力します。
- stylelint-codeframe-formatter - codeframeエラーと警告を出力します。
- stylelint-formatter-github - GitHubプルリクエストに直接エラーと警告を出力します。
- stylelint-formatter-gitlab-code-quality-report - GitLab Code Qualityレポート（アーティファクト）としてエラーと警告を出力します。
- stylelint-formatter-pretty - ターミナル用の見やすいフォーマッタ。
プラグイン
- @isnotdefined/stylelint-plugin - 廃止されたCSSを禁止し、単位ステップを強制します（Pack）。
- @stylistic/stylelint-plugin - Stylelint 16.0.0で削除されたルールを使用してスタイルの規約を適用します（Pack）。
- stylelint-8-point-grid - 8ポイントグリッドを強制します。
- stylelint-a11y - アクセシビリティ標準を強制します（Pack）。
- stylelint-at-rule-no-children - at-rule内のブロックルール宣言を禁止します。
- stylelint-color-format - HEX、RGB、またはHSLの色を強制します。
- stylelint-css-modules-no-global-scoped-selector - CSS Modulesでグローバルスコープのセレクタを禁止します。
- stylelint-css-modules - CSS Modulesアーキテクチャを強制します（Pack）。
- stylelint-csstree-validator - CSS値をW3C仕様およびブラウザ拡張機能と一致するように検証します。
- stylelint-declaration-block-no-ignored-properties - 無視されるプロパティ値を禁止します。
- stylelint-declaration-strict-value - 特定のプロパティの値に、変数、関数、またはキーワードを強制します。
- stylelint-file-max-lines - ファイルごとの最大行数を制限します。
- stylelint-force-app-name-prefix - ルールにアプリケーション名のプレフィックスを強制します。
- stylelint-gamut - 標準的な異なる色空間を強制します（Pack）。
- stylelint-group-selectors - 同じプロパティと値のセットを持つセレクタをグループ化します。
- stylelint-high-performance-animation - パフォーマンスの低いアニメーションとトランジションのプロパティを禁止します。
- stylelint-images - 画像のパフォーマンスを向上させ、間違いを避けます（Pack）。
- stylelint-itcss - ITCSSアーキテクチャを強制します（Pack）。
- stylelint-max-lines - ソース内の行数を制限します。
- stylelint-media-use-custom-media - カスタムメディアクエリを使用することを強制します。
- stylelint-no-browser-hacks - 対象とするブラウザに無関係なブラウザハックを禁止します。
- stylelint-no-indistinguishable-colors - 著しく類似した色を禁止します。
- stylelint-no-nested-media - ネストされた
@mediaルールを禁止します。 - stylelint-no-restricted-syntax - 指定された構文を禁止します。
- stylelint-no-unresolved-module - 未解決のインポート（import風または
url）を禁止します。 - stylelint-no-unsupported-browser-features - 対象とするブラウザでサポートされていないCSSを禁止します。
- stylelint-no-unused-selectors - 使用されていないセレクタを禁止します。
- stylelint-order - プロパティなど特定の順序を強制します（Pack）。
- stylelint-plugin-defensive-css - 防御的なCSSのベストプラクティスを強制します（Pack）。
- stylelint-plugin-ecss - Enduring CSSアーキテクチャを強制します。
- stylelint-plugin-logical-css - 論理的なCSSプロパティ、値、単位を強制します（Pack）。
- stylelint-react-native - React Nativeのルールを強制します（Pack）。
- stylelint-rem-over-px -
px単位よりもrem単位の使用を強制します。 - stylelint-rscss - RSCSSの規約を強制します（Pack）。
- stylelint-sass-render-errors - Sassのレンダリングエラーと非推奨事項を表示します。
- stylelint-scales - 数値のスケールを強制します（Pack）。
- stylelint-scss - SCSS固有の規約を強制します（Pack）。
- stylelint-selector-bem-pattern - セレクタのBEMパターンを強制します。
- stylelint-selector-no-empty - 空のセレクタを禁止します。
- stylelint-selector-tag-no-without-class - セレクタ内でクラス修飾子がない特定のタグを禁止します。
- stylelint-stylus - Stylus固有の規約を強制します。
- stylelint-suitcss - SUITCSSの規約を強制します（Pack）。
- stylelint-use-logical-spec - 論理プロパティと値の使用を強制します。
- stylelint-use-nesting - 可能な場合はネストの使用を強制します。
- stylelint-value-no-exposed-custom-properties - 公開されたカスタムプロパティの使用を禁止します。
- stylelint-value-no-unknown-custom-properties - 未知のカスタムプロパティを禁止します。
- stylelint-z-index-value-constraint - z-indexの最小値と最大値の制約を指定します。
タスクランナー
- broccoli-stylelint - Broccoliプラグイン。
- ember-cli-stylelint - Ember CLIプラグイン。
- grunt-stylelint - Gruntプラグイン。
- gulp-stylelint - Gulpプラグイン。
- jest-runner-stylelint - Jestプラグイン。
- nx-stylelint - Nxプラグイン。
- stylelint-webpack-plugin - Webpackプラグイン。
テスト
- jest-preset-stylelint - Stylelintプラグイン用のJestプリセット。
- stylelint-tape - Tapeを使用してカスタムルールをテストします。
- stylelint-test-rule-node - Node.js組み込みテストランナー（
node:test）を使用したルールテスター。
ツール
- pre-commit-stylelint - pre-commitフックフレームワークのすべてのリリースをミラーリングします。
- stylelint-define-config -
stylelint.config.jsファイルにdefineConfig関数を提供します。 - stylelint-find-new-rules - Stylelint設定で設定されていないStylelintルールを見つけます。
チュートリアル
- Lint your CSS with Stylelint - CSS Tricksの記事。
- Stylelint: The Style Sheet Linter We've Always Wanted - Smashing Magazineの記事。
- Floss your style sheets with Stylelint - Stylelintに関する最初の記事。
- Writing Your First Custom Stylelint Rule - 独自のStylelintルールを迅速に作成して統合します。