下面是项目级完整配置1➡eslint：【吐血分享，博主踩过的坑你跳过去！！跳不过去？太过分了给博主打钱】

浏览器自动打开项目：

你想释放双手吗？你想每天早上打开电脑运行完项目自动在浏览器打开吗？不要9998，不要998，只要你在我们爱的 package.json 中配置一下即可显示。如下图所示：

是的没错，只需添加 "dev": "vite --open", 包你美梦成真。

配置eslint：

是谁以前在vue.config.js里面偷偷的添加lintOnSave: false 关闭eslint检查逃过n节 ，是你吗我的先生女士们。。是我！（扭曲）（爬行）（尖叫）因为eslint太烦了！！
但是eslint可以帮助我们检查js语法及少部分格式问题。 自从和我的同事（他有代码洁癖）一起工作之后，我发现我被迫改了很多…非常感谢你，和我一起实习的同事，因为有你，代码更规范~~~
eslint官网直达路线

安装eslint：

安装最新版本的eslint：

pnpm i eslint -D

告诉eslint，你要怎么工作：

npx eslint --init

我们用eslint 检查语法、发现错误，如下图选择：

我们的项目采用的js模块 的模块式开发，如下图：

框架选取vue，如下图：

是否使用ts？是的。如下图：

项目运行在浏览器还是node上，我们选择浏览器。如下图：

使用eslint去校验我们的vue、ts语法，需要安装它提示的三个插件，是否选择安装呢？是的。如下图：

使用什么包管理工具下载呢？我这里使用的是pnpm，根据自己选择哈。如下图：

安装成功如下图（安装成功会自动生成eslint.config.js）：

安装其他版本的eslint：

but 我这次需要安装v8.x的 避免我的一些版本冲突问题哈，根据自己的需求选择。

pnpm install eslint@8.57.1 --save-dev