eslint和prettier的作用主要为：可以规范团队的代码风格。在实际项目中，团队的每个成员的编码习惯都不同，这极有可能造成，一个项目多个代码风格，这会造成代码阅读困难，后期维护难度大灯问题，这就需要配置下eslint和prettier。

1.eslint

1.安装依赖

首先我们需要先安装 @eslint/create-config 插件：

pnpm install -D @eslint/create-config

提示我未安装eslint，按y，回车安装

Need to install the following packages:   eslint@8.57.0 Ok to proceed? (y) y

接下来执行初始化。

npx eslint --init

接下来会有弹出一些问题，可根据自身项目情况进行回答，期间会询问是否需要安装相应插件，y->回车。

2.配置eslintrc

会在项目根目录下生成.eslintrc.cjs文件，然后对项目进行自己需要的配置

module.exports = {     // 使 eslint 支持 node 与 ES6     env: {         browser: true,         es2021: true,         node: true     },     // 引入推荐的语法校验规则     extends: [         'eslint:recommended',         'plugin:vue/vue3-recommended',         'plugin:@typescript-eslint/recommended',         'plugin:prettier/recommended'     ],     overrides: [],     // 这里一定要配置对 先使用vue-eslint-parser 再使用@typescript-eslint/parser     // 先解析