vue3+vite项目配置ESlint、pritter插件

在Vue 3 + Vite项目中配置ESLint和Prettier，你需要按照以下步骤操作：

1. 安装必要的包：

npm install eslint prettier eslint-plugin-vue eslint-config-prettier eslint-plugin-prettier --save-dev

2. 在项目根目录下创建.eslintrc.js配置文件，并配置ESLint：

module.exports = {
  extends: [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    'plugin:prettier/recommended'
  ],
  rules: {
    // 在这里添加或覆盖规则
  }
};

3. 创建.prettierrc配置文件，并配置Prettier：

{
  "semi": false,
  "singleQuote": true,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "jsxBracketSameLine": false,
  "arrowParens": "avoid",
  "endOfLine": "auto"
}

4. 在package.json中添加lint和format命令：

{
  "scripts": {
    "lint": "eslint --ext .js,.vue src",
    "format": "prettier --write \"src/**/*.{js,vue}\""
  }
}

5. 运行lint和format命令：

npm run lint
npm run format

这样，你就为Vue 3 + Vite项目配置了ESLint和Prettier，可以帮助你检测代码质量和格式问题。