如何确定VSCode中CSS及其他语言所使用的Linter?
如何确定VSCode中CSS及其他语言所使用的Linter?
补充信息
- 诊断信息详情:
[{ "resource": "/Users/nico/kdnicomac/programmation/javascript/centered_polygonal_number_generator/centered_polygonal_number_generator.html", "owner": "_generated_diagnostic_collection_name_#3", "code": "unknownProperties", "severity": 4, "message": "未知属性:'dominant-baseline'", "source": "css", "startLineNumber": 183, "startColumn": 17, "endLineNumber": 183, "endColumn": 34 }]
- 问题控制台截图:
- CSS lint — 问题控制台表格模式:

- CSS lint — 问题控制台树形模式:

- CSS lint — 问题控制台表格模式:
确定当前Linter的方法
CSS专属排查步骤
查看诊断信息的Source字段
你提供的诊断数据里,"source": "css"直接标注了校验来源——这里的css指VSCode内置的CSS语言服务。如果是第三方Linter(比如Stylelint),这个字段会显示stylelint这类明确名称。检查已启用的扩展
打开扩展面板(快捷键Ctrl+Shift+X/Cmd+Shift+X),搜索CSS相关Linter(如Stylelint、CSSLint),处于启用状态的扩展就是当前可能在用的Linter。查看设置配置
打开设置面板(快捷键Ctrl+,/Cmd+,),搜索以下关键词:css.validate:若值为true,说明启用了内置CSS校验;stylelint.enable:若值为true,则当前用的是Stylelint。
查看问题面板分组
从你的截图里,树形模式的问题面板会按来源分组,直接能看到每个报错对应的Linter名称,比如内置服务显示css,第三方Linter会显示对应扩展名。
其他语言通用方法
- 优先看诊断信息的
source字段,这是识别Linter的核心标识; - 检查对应语言的Linter扩展(比如JS的ESLint、Python的Pylint)是否启用;
- 在设置里搜索对应语言的Linter开关配置(如
eslint.enable)。
针对你遇到的报错补充
dominant-baseline是SVG相关的CSS属性,内置CSS语言服务对这类属性支持有限才会报错。解决办法:
- 安装Stylelint扩展,配置它支持SVG CSS属性;
- 关闭内置CSS校验(设置
css.validate: false)。
内容的提问来源于stack exchange,提问作者nico
相关产品推荐
相关产品推荐

