如何配置VS Code的Eslint和Stylelint以检测backend目录文件错误？

ESLint 配置调整 #

• 把配置移到项目根目录（推荐）
  直接把front/.eslintrc.json复制到项目根目录（和front、backend同级的位置），ESLint会自动扫描根目录下所有子目录（包括backend）的JS文件。如果需要给backend单独设置规则，就在根目录的配置里加overrides字段：

  {
    // 保留原front配置里的规则
    "overrides": [
      {
        "files": ["backend/**/*.js"],
        "rules": {
          // 这里写backend专属的规则，比如调整缩进、禁用特定规则等
        }
      }
    ]
  }
  

• 给Backend单独加配置文件
  在backend目录下新建.eslintrc.json，直接继承front的配置，减少重复代码：

  {
    "extends": "../front/.eslintrc.json",
    // 可选：添加backend独有的规则覆盖原有配置
    "rules": {}
  }
  

• VS Code ESLint插件补全配置
  打开VS Code设置（按Ctrl+,），搜索ESLint: Working Directories，添加项目根目录和backend目录，确保插件能识别到backend的配置：

  "eslint.workingDirectories": ["./front", "./backend"]
  

Stylelint 配置调整 #

思路和ESLint一致，两种方案可选：

• 移到项目根目录（推荐）
  把front/.stylelintrc.json复制到项目根目录，Stylelint会自动扫描所有子目录的SCSS文件。要给backend单独设规则的话，同样用overrides：

  {
    // 保留原front的规则配置
    "overrides": [
      {
        "files": ["backend/**/*.scss"],
        "rules": {
          // backend专属的Stylelint规则
        }
      }
    ]
  }
  

• 给Backend单独加配置文件
  在backend目录新建.stylelintrc.json，继承front的配置：

  {
    "extends": "../front/.stylelintrc.json",
    // 可选：添加独有的规则覆盖
    "rules": {}
  }
  

• VS Code Stylelint插件补全配置
  在VS Code设置里搜索Stylelint: Working Directories，添加项目根目录和backend目录：

  "stylelint.workingDirectories": ["./front", "./backend"]
  

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