Eslint+Prettier 管理团队的代码风格，请看干货，附代码地址

Eslint 和 Prettier 是现代前端项目中常用的代码质量工具，可以帮助团队统一代码风格和规范。以下是如何配置 Eslint 和 Prettier 以管理团队代码风格的步骤和示例代码。

1. 安装 Eslint 和 Prettier：

npm install eslint prettier eslint-plugin-prettier eslint-config-prettier --save-dev

2. 创建 .eslintrc.js 或 .eslintrc.json 文件，并配置 Eslint：

module.exports = {
  extends: [
    'eslint:recommended',
    'plugin:prettier/recommended' // 添加 prettier 插件
  ],
  rules: {
    // 在这里添加或覆盖规则
  }
};

3. 创建 .prettierrc.js 或 .prettierrc 文件，并配置 Prettier：

{
  "singleQuote": true,
  "trailingComma": "es5",
  "printWidth": 80,
  "tabWidth": 2,
  "semi": true,
  "useTabs": false
}

4. 在 package.json 中添加 Eslint 和 Prettier 的脚本：

{
  "scripts": {
    "lint": "eslint .",
    "format": "prettier --write ."
  }
}

5. 运行脚本检查代码风格和错误：

npm run lint

6. 自动格式化代码以符合规范：

npm run format

以上步骤和示例代码展示了如何配置 Eslint 和 Prettier，以及如何在团队项目中使用它们来管理代码风格。这有助于提高代码质量，减少因风格不一致而产生的争议。