prettier

Prettier 是一个功能强大、易于使用的开源代码格式化程序。它可根据指定规则自动处理代码格式，消除编码风格带来的困扰。 Install · Prettier

Prettier 与 ESlint 的集成

Prettier 和 ESlint 容易产生冲突。为避免该问题，需要执行以下步骤：

//1. 安装 eslint-config-prettier 插件
pnpm add -D eslint-config-prettier
//2. 在 eslint 的配置文件中写入以下内容
extends: ['plugin:prettier/recommended'], // 避免与 prettier 冲突

prettier 与 eslint 如何选择

prettier 只需要按照一个 vscode 插件，几乎没有任何门槛，按下 Ctrl + Alt + F 就可以美化你的代码。ESlint 需要先经过配置，才可配合编码器和相关规则使用。一般通过命令或按照规则保存文件时，ESlint 才会格式化代码。但往往也是因为过少的配置，使 prettier 对代码的约束远不如 eslint。

可以看看 Antfu 大佬的博客 Why I don't use Prettier (antfu.me)，阐述了他为何不使用 Prettier。

一般来说，在编写 demo 代码时，可以首先使用 Prettier。然而，在实际项目中，则需要使用 ESlint 配置，以避免在每次保存代码时手动进行格式化。同时，使用 ESlint 可以更好地约束代码，提升代码质量和可维护性。