Vue3-Eslint配合prettier完成代码风格配置

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": [
    "plugin:vue/vue3-essential",
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:prettier/recommended"
  ],
  "overrides": [
    {
      "files": ["*.vue", "*.ts", "*.tsx"],
      "rules": {
        "vue/multi-word-component-names": "off"
      }
    }
  ],
  "parserOptions": {
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "plugins": [
    "vue",
    "@typescript-eslint"
  ],
  "rules": {
    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off"
  }
}

这个配置文件定义了一系列的环境、插件、扩展共享配置和规则，它结合了Vue3、TypeScript和Eslint，并且兼容Prettier。它关闭了Vue单词组件名的检查，并根据当前环境设置了是否警告使用console和debugger。这个配置文件是一个很好的实践，可以作为开发者在配置自己的项目时的参考。