Sublime Text安装Stylelint对CSS与Less进行代码规范扫描-sublime-PHP中文网

sublime text对.less文件不扫描是因为未启用less解析能力，需安装stylelint-less、配置customsyntax:"postcss-less"并声明plugins:["stylelint-less"]，且确保文件语法类型为less。

sublime text安装stylelint对css与less进行代码规范扫描

不是 Stylelint 不支持 Less，而是默认根本没加载 Less 解析能力 —— stylelint 原生只认 CSS，stylelint-scss 也不管 Less。你得额外装 stylelint-less，且必须在配置里显式启用它。

运行 npm install --save-dev stylelint-less（别漏掉 --save-dev）
在 stylelint.config.js 中写死 customSyntax: "postcss-less"，不能用 "postcss-scss" 或留空
plugins 数组里必须包含 "stylelint-less"，否则规则（如 max-nesting-depth）对 &、.mixin() 等语法视而不见
确认 Sublime 中 .less 文件右下角显示的是 Less（不是 Plain Text 或 CSS），点击切换；推荐装插件 “LESS” 而非 “Sass”

常见现象：保存后弹出错误提示，但行号/文件路径明显不对，比如提示 index.css:999:1 实际只有 20 行 —— 这是 SublimeLinter-stylelint 拿错了配置路径或用了全局 stylelint 导致上下文丢失。

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

删掉全局安装的 stylelint：npm uninstall -g stylelint，强制走项目内 node_modules/.bin/stylelint
在 Sublime 的 Preferences → Package Settings → SublimeLinter → Settings – User 中，确保 "executable" 字段为空（让插件自动找）或明确指向 "./node_modules/.bin/stylelint"
检查 stylelint.config.js 是否放在项目根目录，且文件名不能是 .stylelintrc 或 .stylelintrc.json —— SublimeLinter-stylelint 默认只认 stylelint.config.js（ESM 格式）
重启 Sublime Text，按 Ctrl+Shift+P → 输入 SublimeLinter: Toggle Debug，看控制台输出是否报 Cannot find config 或 Failed to load customSyntax

直接写 "max-nesting-depth": [3] 在 Less 项目里等于没写 —— 它只数纯 CSS 的花括号层级，对 &:hover { &__item { ... } } 这种结构完全无感。

必须配 customSyntax: "postcss-less"，否则解析器连 & 都当普通字符处理
启用 plugins: ["stylelint-less"] 后，&__item 才会被识别为嵌套层级 +1
Less 特有语法如 .mixin() { ... } 或 @media 内嵌套，默认不计入深度，需加 ignore: ["at-rules", "mixins"] 显式控制
验证是否生效：在 Less 文件里故意写 4 层嵌套，保存后应看到 Expected nesting depth to be no more than 3 提示

stylelint --fix 本身不支持 Less 语法重写，SublimeLinter-contrib-stylelint 即使开了 --fix-on-save 也只会修基础项（分号、引号），不会动 & 展开、变量注入或 mixin 调用。

在 Sublime 的 linter 设置中加参数："args": ["--fix"]，但仅限于规则本身支持 fix（查 stylelint 规则列表看哪些带 ✅ Fixable）
indentation、color-hex-case 这类能修；max-nesting-depth、no-duplicate-selectors 这类不能修，点了也没反应
别指望自动拆解 .header .nav .item .link 成 BEM 结构 —— 这是重构，不是格式化，得手动或靠其他工具（如 AST 转换脚本）
如果修复后内容没变，先关掉所有其他 linter 插件（如 CSSLint），避免冲突干扰