vue3+ts项目中eslint校验配置

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

1. 安装必要的包：

npm install eslint eslint-plugin-vue @vue/eslint-config-typescript @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev

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

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": [
    "plugin:vue/vue3-essential",
    "eslint:recommended",
    "@vue/typescript/recommended"
  ],
  "parser": "vue-eslint-parser",
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "plugins": [
    "vue",
    "@typescript-eslint"
  ],
  "rules": {
    // 在这里添加或覆盖规则
  }
}

3. 在package.json中添加lint脚本：

"scripts": {
  "lint": "eslint --ext .js,.vue,.ts,.tsx src"
}

4. 运行lint检查：

npm run lint

确保你的.eslintrc文件中的配置与你的项目需求相匹配，并且在rules部分你可以自定义或覆盖规则。