eslint和prettier怎么配置

ESLint 和 Prettier 是两个常用的 JavaScript 工具，用于代码风格检查和代码格式化。它们可以一起使用，提高代码的可读性和一致性。

下面是 eslint 和 prettier 的配置方法：

1. 安装 eslint 和 prettier

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

2. 创建 .eslintrc.js 文件

module.exports = {
  env: {
    browser: true,
    es6: true,
    node: true,
  },
  extends: ['eslint:recommended', 'plugin:prettier/recommended'],
  parserOptions: {
    ecmaVersion: 2018,
    sourceType: 'module',
  },
  plugins: ['prettier'],
  rules: {},
};

3. 创建 .prettierrc.js 文件

module.exports = {
  trailingComma: 'es5',
  tabWidth: 2,
  semi: true,
  singleQuote: true,
};

4. 在 package.json 中添加 scripts

{
  "scripts": {
    "lint": "eslint .",
    "format": "prettier --write \"**/*.+(js|jsx|json|yml|yaml|md|mdx|html|css|scss|less)\""
  }
}

5. 运行 npm run lint 检查代码风格，运行 npm run format 格式化代码。

这是一个基本的 eslint 和 prettier 配置，你可以根据自己的需求进行配置。