Prettier和ESLint都是前端代码格式化工具，它们的目标是帮助你保持代码的整洁和一致。但是，它们的用法和作用有所不同。

Prettier主要用于代码格式化，它可以自动格式化JavaScript代码，CSS代码，HTML代码等，使代码看起来更清晰，更易读。

ESLint则主要用于代码规范检查，它可以检查代码中的语法错误，风格错误等。

如果你想让Prettier和ESLint同时工作，你需要使用一个插件，如@prettier/config。这个插件可以让你在你的项目中配置Prettier和ESLint，使它们能够自动工作。

以下是使用@prettier/config配置Prettier和ESLint的步骤：

1. 首先，你需要安装Prettier和ESLint。你可以使用npm或yarn来安装：

2. 对于npm： npm install --save-dev @prettier/config

3. 对于yarn： yarn add @prettier/config

4. 然后，你需要在你的项目中创建一个prettier.config.js文件。这个文件是Prettier的配置文件，你可以在这个文件中配置你的Prettier规则：

javascript module.exports = { "prettier": { "auto引领": false, // 如果自动引领被设置为true，那么Prettier会自动添加花括号 "jsx": { "quoteAttributes": true, // 如果你希望在jsx代码中使用反引号，那么你需要将这个规则设置为true } } };

在这个例子中，我们设置了两个Prettier规则：auto引领和jsx: quoteAttributes。

1. 最后，你需要在你的项目中运行npm run prettier或yarn run prettier命令，以使Prettier和ESLint能够自动工作。这将在你的代码中添加Prettier规则，使其格式化。

注意：如果你的项目使用了Node.js，你可能还需要在你的项目中安装一个prettier-node插件，以使Prettier能够在Node.js中工作。