You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何确定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 — 问题控制台树形模式:
      CSS lint — 问题控制台树形模式

确定当前Linter的方法

CSS专属排查步骤

  1. 查看诊断信息的Source字段
    你提供的诊断数据里,"source": "css" 直接标注了校验来源——这里的css指VSCode内置的CSS语言服务。如果是第三方Linter(比如Stylelint),这个字段会显示stylelint这类明确名称。

  2. 检查已启用的扩展
    打开扩展面板(快捷键Ctrl+Shift+X/Cmd+Shift+X),搜索CSS相关Linter(如Stylelint、CSSLint),处于启用状态的扩展就是当前可能在用的Linter。

  3. 查看设置配置
    打开设置面板(快捷键Ctrl+,/Cmd+,),搜索以下关键词:

    • css.validate:若值为true,说明启用了内置CSS校验;
    • stylelint.enable:若值为true,则当前用的是Stylelint。
  4. 查看问题面板分组
    从你的截图里,树形模式的问题面板会按来源分组,直接能看到每个报错对应的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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.30 05:12:39