prettier eslint插件配置

要在项目中使用 prettier eslint 插件，你需要进行以下配置步骤：

1. 首先，确保你的项目中已经安装了 prettier 和 eslint。你可以使用以下命令来安装它们：

npm install prettier eslint --save-dev

2. 在项目的根目录下创建一个名为 ".eslintrc.js" 的文件，并添加以下内容：

module.exports = {
  extends: ['plugin:prettier/recommended'],
  plugins: ['prettier'],
  rules: {
    'prettier/prettier': 'error',
  },
};

这个配置文件使用 "plugin:prettier/recommended" 扩展来启用 prettier 相关的规则，并且将 "prettier/prettier" 规则设置为 "error"，这样任何与 prettier 格式不符的代码都会被标记为错误。

3. 创建 ".prettierrc.js" 文件，并在其中定义 prettier 的配置选项。例如：

module.exports = {
  printWidth: 80,
  tabWidth: 2,
  useTabs: false,
  semi: true,
  singleQuote: true,
  trailingComma: 'all',
  bracketSpacing: true,
};

这个示例配置文件设置了一些常见的 prettier 选项，你可以根据需要进行调整。

4. 最后，在项目的根目录下创建一个名为 ".eslintignore" 的文件，并将需要忽略的文件或目录添加到其中。例如：

node_modules/
dist/
build/

这些文件和目录将在运行 eslint 检查时被忽略。

这样，当你运行 eslint 命令时，它将应用 prettier 插件的规则来格式化代码，并且会显示与 prettier 不一致的代码作为错误。你可以通过运行以下命令来检查和修复代码格式问题：

npx eslint --fix .

这将自动修复大多数格式问题，使你的代码与 prettier 的规则保持一致。