Vue3 ESLint Prettier配置方法

1：VSCode 安装 插件 Prettier - Code formatter  和 Prettier - ESLint

2：项目根据目录创建文件  .prettierrc 

{
  "semi": false,
  "printWidth": 120,
  "singleQuote": true,
  "arrowParens": "avoid",
  "trailingComma": "none",
  "endOfLine": "auto"
}

3：项目跟目录 .eslintrc.js 

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ['plugin:vue/vue3-essential', 'eslint:recommended', 'plugin:prettier/recommended'],
  parserOptions: {
    parser: '@babel/eslint-parser'
  },
  // add your custom rules here 在这里添加您的自定义规则
  //it is base on https://github.com/vuejs/eslint-config-vue
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    // 新增配置项，表示方法名与后面括号的空格不校验
    'space-before-function-paren': 'off'
  }
}

4：设置-搜索 Format On Save：Editor: Format On Save 勾选

重启VSCode进入项目 ，配置完成