很棒的 Stylelint
很棒的 Stylelint 配置、插件、集成等等的列表。
内容
分析平台
- codacy-stylelint - Codacy 集成。
- codeclimate-stylelint - Code Climate 集成。
- megalinter - 集成到 MegaLinter 中。
- putout - 集成到 Putout 中。
- reviewdog/action-stylelint - Reviewdog GitHub Action。
配置
- @archoleat/stylelint-config-extended-scss - Archoleat 为 SCSS 配置,带有属性排序。
- @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 - 在使用 Prettier 为 SCSS 时,关闭冲突规则。
- stylelint-config-prettier - 在使用 Prettier 为 CSS 时,关闭冲突规则。
- 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 - HTML,包括 Vue SFC。
- postcss-less - Less。
- postcss-linaria - Linaria。
- postcss-lit - Lit 元素。
- 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 代码质量报告(工件)。
- stylelint-formatter-pretty - 用于终端的漂亮格式化程序。
插件
- @isnotdefined/stylelint-plugin - 禁止过时的 CSS 并强制执行单位步长(包)。
- @stylistic/stylelint-plugin - 通过使用在 Stylelint 16.0.0 中删除的规则来强制执行风格约定(包)。
- stylelint-8-point-grid - 强制执行 8 点网格。
- stylelint-a11y - 强制执行可访问性标准(包)。
- stylelint-at-rule-no-children - 禁止在 at 规则内声明块规则。
- stylelint-color-format - 强制执行 HEX、RGB 或 HSL 颜色。
- stylelint-css-modules-no-global-scoped-selector - 禁止在 CSS 模块中使用全局作用域选择器。
- stylelint-css-modules - 强制执行 CSS 模块架构(包)。
- 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 - 强制执行标准的不同颜色空间(包)。
- stylelint-group-selectors - 将具有相同属性和值集的选择器分组。
- stylelint-high-performance-animation - 禁止低性能动画和过渡属性。
- stylelint-images - 强制执行良好的性能并避免图像错误(包)。
- stylelint-itcss - 强制执行 ITCSS 架构(包)。
- 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 - 禁止未解析的导入(类似导入或
url
)。 - stylelint-no-unsupported-browser-features - 禁止目标浏览器不支持的 CSS。
- stylelint-no-unused-selectors - 禁止未使用的选择器。
- stylelint-order - 强制对属性等内容进行特定排序(包)。
- stylelint-plugin-defensive-css - 强制执行防御性 CSS 最佳实践(包)。
- stylelint-plugin-ecss - 强制执行持久 CSS 架构。
- stylelint-plugin-logical-css - 强制执行逻辑 CSS 属性、值和单位(包)。
- stylelint-react-native - 强制执行 React Native 规则(包)。
- stylelint-rem-over-px - 强制执行
rem
单位而不是px
单位。 - stylelint-rscss - 强制执行 RSCSS 约定(包)。
- stylelint-sass-render-errors - 显示 Sass 渲染错误和弃用。
- stylelint-scales - 强制执行数值的比例(包)。
- stylelint-scss - 强制执行 SCSS 特定的约定(包)。
- stylelint-selector-bem-pattern - 强制执行选择器的 BEM 模式。
- stylelint-selector-no-empty - 禁止空选择器。
- stylelint-selector-tag-no-without-class - 禁止选择器中没有类限定符的某些标签。
- stylelint-stylus - 强制执行 Stylus 特定的约定。
- stylelint-suitcss - 强制执行 SUITCSS 约定(包)。
- 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 hooks 框架的所有版本。
- stylelint-define-config - 为
stylelint.config.js
文件提供defineConfig
函数。 - stylelint-find-new-rules - 查找 Stylelint 配置中未配置的 Stylelint 规则。
教程
- 使用 Stylelint 规范你的 CSS - CSS Tricks 文章。
- Stylelint:我们一直想要的样式表 linter - Smashing Magazine 文章。
- 用 Stylelint 梳理你的样式表 - 关于 Stylelint 的第一篇文章。
- 编写你的第一个自定义 Stylelint 规则 - 快速创建和集成你自己的 Stylelint 规则。