必须先装linter(steelbrain作者)、再装linter-csslint、最后装linter-ui-default,三者缺一不可;若未正确识别css语法或作用域过滤错误,也会导致不报错。

linter-csslint 装了但没反应?先确认三件套是否齐备
Atom 里 linter-csslint 不报错、不标红,大概率不是插件本身的问题,而是底层依赖缺失。它必须和 linter(作者 steelbrain)和 linter-ui-default 同时启用,缺一不可。
-
linter是硬性前置框架:Atom 1.24+ 版本后,没装它,linter-csslint就会静默失败——设置页找不到配置项、命令面板搜不到Linter: Toggle、保存文件零反馈 -
linter-ui-default负责画波浪线和悬停提示:只装linter和linter-csslint,状态栏永远显示 “0 problems”,哪怕写个color: #ff0000;拼错成colr: #ff0000;也不标 - 安装顺序必须是:
linter→ 重启(Window: Reload)→linter-csslint→linter-ui-default;顺序错或漏一步,编辑器就“干净得可疑”
为什么 CSS 文件里改了代码,linter-csslint 还是不检查?
常见原因是 Atom 没把当前文件识别为 CSS 语法,或者 linter-csslint 的作用域过滤被误开。
- 看编辑器右下角:如果显示
Plain Text或Auto,说明 grammar 没匹配上,手动点击切换为CSS - 进
linter-csslint设置页,检查是否勾选了Only lint files matching these scopes;若已勾选且内容为空或填错,会导致完全跳过检查;正确值应为source.css -
linter-csslint默认只检查.css文件,对.scss、.less等不生效——这些需用linter-scss-lint或linter-less
linter-csslint 找不到配置文件?它其实不读 .csslintrc
linter-csslint 不像 ESLint 那样自动读项目根目录的 .csslintrc;它默认使用内置规则集,不加载外部配置。
- 如需自定义规则,必须在
linter-csslint插件设置页中手动填写Configuration File Path,路径需为绝对路径,例如/Users/you/project/.csslintrc -
.csslintrc文件格式必须是 JSON(不是 JS 或 YAML),且字段名严格区分大小写,比如"box-sizing": 1有效,"box-sizing": true会静默忽略 - 若想全局禁用某条规则(如
adjoining-classes),不能靠注释,只能在配置文件里设为0或删掉该条目
Vue 或 HTML 里的 style 标签不校验?linter-csslint 不处理内联样式
linter-csslint 只检查独立的 .css 文件,对 <style></style> 块、style="" 属性完全无感知——这是设计限制,不是 bug。
- Vue 单文件组件中的
<style></style>需配合linter-stylelint+stylelint-config-standard+stylelint-processor-html实现校验 - HTML 文件内的
<style></style>同样无效;若真要检查,得把样式抽成独立.css文件,再用linter-csslint - 别试图在
linter-csslint设置里勾选Lint HTML Files——这选项对 CSS 校验毫无作用,仅影响部分 HTML linter 插件
linter-ui-default 没启,或者被其他 UI 插件压制了。前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











