为什么我电脑上的VS Code Stylelint扩展无法正常工作？

排查步骤 #

• 检查扩展生效范围：打开VS Code设置，搜索stylelint.enable，确认用户配置、工作区配置两个标签页下的开关均已开启，仅开启单侧配置会导致当前项目不生效。
• 补充校验文件类型配置：打开settings.json，添加如下内容，覆盖常用样式文件类型：

{
  "stylelint.validate": ["css", "less", "scss", "sass", "postcss"]
}

修改后重启VS Code或者重载扩展即可。

• 确认依赖读取路径：如果stylelint安装在全局npm目录，需要在扩展配置中手动设置stylelint.nodePath为你的全局npm包安装路径；也可以直接在项目根目录执行npm i stylelint stylelint-config-standard -D安装项目级依赖，扩展会优先读取本地依赖。
• 检查扩展运行状态：查看VS Code右下角状态栏的stylelint图标，如果为灰色禁用状态，点击图标选择「为当前工作区启用」即可。
• 查看运行日志定位问题：按Ctrl+Shift+U（Mac系统为Cmd+Shift+U）打开输出面板，右上角下拉选择「stylelint」，即可看到扩展运行的具体报错，常见问题包括配置文件语法错误、依赖版本不兼容等，按照日志提示修复即可。

内容的提问来源于stack exchange，提问作者hustnzj