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进入项目 ，配置完成