在vue3的vite工程中，后来创建的.eslintrc.cjs文件如何安装

在Vue3的Vite项目中，如果需要自定义ESLint配置并添加`.eslintrc.cjs`文件，你需要先确保已经安装了`eslint`和`@vue/eslint-config-vue`插件。如果没有安装，可以使用npm或yarn来安装：

# 使用npm
npm install eslint @vue/eslint-config-vue

# 或者使用yarn
yarn add eslint @vue/eslint-config-vue

接下来，你可以创建一个名为`.eslintrc.cjs`的文件（如果还没有的话），在这个文件中，你可以定制你的ESLint规则。例如，配置文件的基本结构可能会像这样：

// .eslintrc.cjs
module.exports = {
  extends: '@vue/typescript/recommended', // 如果你的项目基于TypeScript，可以选择这个基础配置
  parser: 'vue-eslint-parser',
  parserOptions: {
    ecmaVersion: 2022,
    sourceType: 'module',
    ecmaFeatures: {
      jsx: true,
    },
  },
  rules: { ... }, // 根据需要添加或修改规则
};

然后，为了让Vite在构建过程中加载并应用你的自定义配置，你需要在项目的根目录下添加`vite.config.js`（如果你还没有的话），并在其中设置`ESLint`的相关配置。例如：

// vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import eslint from 'rollup-plugin-eslint-scan'

export default defineConfig({
  plugins: [
    vue(),
    eslint({
      include: ['src/**/*.{ts,tsx,js,jsx}'],
      lintText: /\.txt$/,
    }),
  ],
})

现在，每次运行`vite build`或`vite dev`时，Vite会自动使用你的`.eslintrc.cjs`文件进行 ESLint 验证。