问题
最近在写一个vue3+ts的项目,看了尚硅谷的视频,到了配置eslintrc.cjs的时候我犯了难,因为eslint从9.0之后重大更新,跟以前完全不一样,但是我还是想用和老师一样的eslintrc.cjs文件,该怎么做呢?
视频链接:尚硅谷Vue项目实战硅谷甄选,vue3项目+TypeScript前端项目一套通关
解决办法
- 首先 eslint 要安装9.0以下的版本(不包括9.0,我安装的是8.57.0),安装命令:
- 如果你已经安装了eslint9.0及以上的版本,不用卸载 elsint,直接执行下面的命令即可,因为新安装的 eslint会覆盖旧的
- 如果你想安装 elsint的其他版本,那么把下面的这个命令@后面的版本号改成自己需要的即可
pnpm install eslint@8.57.0
- 在生成配置文件.eslintrc.cjs的时候,不要执行老师的那个命令,执行下面命令:
npx @eslint/create-config@0.4.6
-
生成的配置文件如果不叫eslintrc.cjs的话,你把文件改成这个名字就行,因为你会发现生成的文件里面的配置和老师的基本一样
-
最后 eslint按照视频配置好后,如果没有效果,重启一下vscode即可