vue3+ts+eslint+prettierrc

在Vue3 + TypeScript + ESLint + Prettier的项目中，可以通过以下步骤来配置eslint和prettierrc：

1. 首先，确保你的项目已经安装了Vue CLI，并且已经创建了一个Vue3 + TypeScript的项目。

2. 在项目根目录下，打开终端并运行以下命令来安装ESLint和Prettier的相关依赖：

yarn add eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin prettier eslint-config-prettier eslint-plugin-prettier -D

3. 在项目根目录下，创建一个`.eslintrc.js`文件，并添加以下内容：

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/typescript/recommended',
    'prettier',
    'prettier/@typescript-eslint',
    'prettier/vue',
  ],
  parserOptions: {
    ecmaVersion: 2020,  },
  rules: {
    // 在这里添加你的自定义规则
  },
};

4. 在项目根目录下，创建一个`.prettierrc.js`文件，并添加以下内容：

module.exports = {
  semi: true,
  singleQuote: true,
  trailingComma: 'all',
  printWidth: 80,
  tabWidth: 2,
};

5. 在项目根目录下，创建一个`.eslintignore`文件，并添加以下内容：

node_modules/
dist/

6. 在项目根目录下，打开终端并运行以下命令来检查代码并修复格式错误：

yarn lint --fix

这样，你就成功配置了Vue3 + TypeScript + ESLint + Prettier的项目。