eslint配置

module.exports = {
  //运行环境
  env: {
    browser: true,
    es2021: true,
    node: true,
  },
  //指定eslint继承的模板
  extends: [
    "eslint:recommended",
    "plugin:vue/vue3-essential",
    "plugin:@typescript-eslint/recommended",
  ],
  //引入具体的场景
  plugins: ["vue", "@typescript-eslint"],
  //具体的规则（引号，空格）
  rules: {
    indent: ["error", 2],
    "linebreak-style": ["error", "windows"],
    quotes: ["error", "double"],
    semi: ["error", "always"],
    "@typescript-eslint/ban-types": ["warn"],
  },
};

plugins 和 extends 的区别

配置 plugins 后还需要配置具体的规则，而 extends 集成了双方

"plugins": ["@typescript - eslint"],
"rules": {
  "@typescript - eslint/ban - types": ["warn"]
}