分离的Svelte、TS、SCSS文件在VSCode中无法正常Linting

• 检查VSCode插件关联
  • 确保Svelte for VS Code插件已安装并启用，该插件需要识别拆分后的.ts、.scss与.svelte文件的关联关系，可在插件设置中确认是否开启了对应文件的linting支持。
• 配置lint规则文件
  • 确认项目根目录的ESLint、Stylelint配置文件（如.eslintrc.cjs、.stylelintrc.json）已覆盖拆分后的文件类型：
    • ESLint配置示例：

      {
        "overrides": [
          {
            "files": ["*.ts"],
            "parser": "@typescript-eslint/parser",
            "extends": ["@typescript-eslint/recommended"]
          }
        ]
      }
      

    • Stylelint配置示例：

      {
        "extends": ["stylelint-config-standard-scss"],
        "files": ["*.scss"]
      }
      

• 重启VSCode加载窗口
  • 按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），选择Reload Window，让配置和插件生效。
• 核对文件关联设置
  • 在VSCode设置中搜索files.associations，确认.ts关联为typescript、.scss关联为scss，避免文件类型识别错误导致linting不触发。
• 补全lint依赖
  • 运行以下命令安装必要的lint依赖：

    npm install eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser stylelint stylelint-config-standard-scss --save-dev
    

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