团队代码质量利器：ESLint 搭配 Prettier

// 安装ESLint和Prettier相关插件
npm install eslint prettier eslint-plugin-prettier eslint-config-prettier --save-dev
 
// .eslintrc.js 配置示例
module.exports = {
  extends: [
    'eslint:recommended',
    'plugin:prettier/recommended' // 启用eslint-plugin-prettier和eslint-config-prettier
  ],
  rules: {
    // 在这里添加或覆盖规则
  }
};
 
// .prettierrc 配置示例
{
  "singleQuote": true,
  "trailingComma": "es5",
  "printWidth": 80,
  "tabWidth": 2,
  "semi": true,
  "useTabs": false
}
 
// package.json 中添加lint脚本
{
  "scripts": {
    "lint": "eslint ." // 运行lint检查
  }
}

这个示例展示了如何安装ESLint和Prettier相关插件，并提供了简单的配置示例。.eslintrc.js 文件中通过 extends 属性引入了 eslint-plugin-prettier 和 eslint-config-prettier，这样就能确保ESLint规则和Prettier格式化规则不会冲突。.prettierrc 文件定义了Prettier的格式化规则。最后，在 package.json 中添加了一个 lint 脚本，以便可以通过简单地运行 npm run lint 来进行代码质量和格式检查。