sublime text 本身不带 csslint,需手动安装 sublimelinter 框架、sublimelinter-csslint 插件及全局 csslint cli,并正确配置 executable 路径、语法类型为 css、csslint_options 规则,否则 .css 文件无任何报错提示。

Sublime Text 本身不带 CSSLint,必须手动装插件 + CLI 工具才能启用检查,否则打开 .css 文件也不会有任何报错提示。
安装 SublimeLinter 和 csslint CLI
SublimeLinter 是框架,csslint 才是真正干活的工具 —— 它不依赖 Node 模块自动加载,得你亲手装好并让 Sublime 找得到。
- 用
npm install -g csslint全局安装(Windows 建议以管理员身份运行命令行) - 在 Sublime 中按
Ctrl+Shift+P→ 输入Package Control: Install Package→ 分别装SublimeLinter和SublimeLinter-csslint - 装完后重启 Sublime,确保右下角状态栏语言显示为
CSS(不是Plain Text或HTML)
配置 executable 路径(Windows/macOS/Linux 都要设)
SublimeLinter 默认找不到全局 csslint 命令,尤其在 Windows 上常因空格路径(如 C:\Program Files\nodejs\)失败。
- 打开
Preferences → Package Settings → SublimeLinter → Settings - 在
user配置块里加"sublimelinter_executable_map",例如:
{
"sublimelinter_executable_map": {
"css": "C:/Users/xxx/AppData/Roaming/npm/csslint.cmd"
}
}
macOS/Linux 用户可填 /usr/local/bin/csslint 或运行 which csslint 查真实路径;路径错会导致保存后毫无反应,连状态栏提示都没有。
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
常见不报错原因:语法类型没绑定或规则太宽松
即使插件和 CLI 都装了,.css 文件仍可能静默通过检查 —— 多半是因为 Sublime 没把它当 CSS 解析,或 csslint 默认规则对某些问题不触发。
- 右下角点击当前语言名 → 选
CSS(不是SCSS、Sass或PostCSS) -
csslint默认禁用很多规则,比如empty-rules、import、duplicate-properties,需显式开启 - 可在
SublimeLinter → Settings的user里加"csslint_options",例如:{"duplicate-properties": true, "empty-rules": true}
为什么改了配置还是不生效?重点盯这三处
调试时最容易卡在这三个地方:路径指向的是 cmd/shell 包装器而非真实二进制、文件没被识别为 CSS 类型、csslint 版本过旧(v1.0.5+ 才支持部分新选项)。
- 在终端执行
csslint --version确认版本 ≥ 1.0.5 - 在 Sublime 控制台(
Ctrl+`)输入view.settings().get('syntax'),返回值应含CSS - 如果用了自定义构建系统或项目级设置,
SublimeLinter的 user 配置可能被覆盖,优先检查项目.sublime-project文件里有没有冲突的settings
真正起效的信号是:保存一个含 color: #ff0000; 的 CSS 文件,状态栏出现 “csslint: 1 problem” 提示 —— 不是所有错误都会高亮,但至少说明链路通了。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










