SuperAPI AI 工具集

stylelint

前端与建站

查看项目

更新于 10-16 00:05

技能介绍

用途:在同时包含 CSS、SCSS 或其他样式表资产的 .NET 仓库中引入 Stylelint,为样式表提供超出格式化范围的语义检查与选择器策略约束,例如重复样式清理、命名约定强制和设计系统护栏。

主要能力:支持纯 CSS、CSS 加 SCSS、以及 HTML、Markdown 或框架文件中的内嵌样式;可基于 stylelint-config-standard 等共享配置起步,按需添加语法专用包;支持自动修复(--fix)。

使用方式:优先仓库本地安装并提交配置,例如 npm install --save-dev stylelint stylelint-config-standard;在 package.json 中添加可重复脚本,如 stylelint "/*.{css,scss}" 和 stylelint "/*.{css,scss}" --fix;显式设置忽略模式,排除构建输出、第三方和生成 CSS;自动修复先在有限范围运行,检查 diff,若仓库编译样式则重跑前端构建。

适用场景:需要 CSS lint、重复样式清理、命名约定或设计系统规则检查的 .NET 仓库;不适用于 JavaScript 或 TypeScript 检查(应交给 eslint 或 biome),也不适用于运行时无障碍、性能、SEO 或响应头检查(应交给 webhint)。

限制:若仓库已明确仅用 Biome 做 CSS lint 且不想要独立样式表检查器,则不应使用;未知规则通常意味着缺少插件或 Stylelint 主版本不匹配;SCSS、Vue 或混合内容文件出现 unknown word 通常需要匹配的自定义语法包;大量自动修复改动通常意味着生成资产或第三方 CSS 混入检查目标。资料提及 Stylelint 17.14.1 与 17.8.0 的若干修复和新增选项,升级后应重跑基线并审查新发现。