请帮我解决eslint没有生效的问题？

Question

我的vue3项目仓库是 vue3入门项目
这个项目项目通过 pnpm create vue 创建，自动创建了文件 eslint.config.js ，是用来配置 eslint 的？
我看的教学视频中使用的文件是 .eslintrc.cjs，我也制作了这个文件但是貌似没有效果，想要把这个文件的内容拷贝到 eslint.config.js 中也不知道应该放在哪个位置，请帮我解决，万分感谢

Answer 1

在vite项目中eslint还需要使用vite-plugin-eslint插件来使eslint显示的提示你代码规范，开发阶段进行 ESLint 扫描，以命令行的方式展示出代码中的规范问题

pnpm i vite-plugin-eslint -D

vite.config.ts中配置

import { defineConfig } from 'vite';
import eslintPlugin from 'vite-plugin-eslint';
 
export default defineConfig({
  plugins: [eslintPlugin()],
});

配置完成后重启项目或重启IDE，然后检查eslint配置是否生效，例如在.eslintrc.cjs中配置一个禁止定义未使用的变量，此时在项目中定义一个变量但不使用，控制台就会报错提示

eslint一般是和prettier一起使用的，eslint在于代码质量规范，而prettier则是代码美观和格式化
具体可以看一下这篇文章：代码规范和格式化-ESlint和Prettier