如何检查 pretier 是否在工作？

当检查 Prettier 是否在工作时，我们可以通过以下几个步骤来进行确认：

1. 检查 Prettier 配置文件

首先，确认项目中是否存在 Prettier 的配置文件（如 .prettierrc 或 prettier.config.js）。这个配置文件定义了代码格式的规则。

示例： 在项目根目录下查找 .prettierrc 文件，确保其内容正确配置了格式化样式规则。

json
{
  "semi": false,
  "singleQuote": true
}

2. 运行 Prettier CLI 命令

使用 Prettier 的命令行工具来格式化文件，看看是否能产生预期的效果。

示例： 在命令行中运行以下命令，查看文件是否被按照预期格式化：

bash
prettier --write src/**/*.js

上面的命令将格式化 src 目录下所有的 .js 文件。

3. 检查 IDE 插件

如果你在使用集成开发环境（IDE），比如 VSCode，确保已安装并启用了 Prettier 插件，并且配置正确。

示例： 在 VSCode 中，可以通过 Extensions 侧边栏搜索并安装 "Prettier - Code formatter" 插件。安装后，进入设置确保启用了“Format On Save”功能，这样每次保存文件时，Prettier 都会自动格式化代码。

json
// VSCode 设置
"editor.formatOnSave": true,

4. 检查项目脚本

检查 package.json 中是否有设置使用 Prettier 格式化代码的脚本。

示例：

json
{
  "scripts": {
    "format": "prettier --write ."
  }
}

运行 npm run format，并检查代码格式是否按照预期进行了修改。

5. 代码比较

在进行格式化前后，使用版本控制系统（如 git）进行比较，查看是否有代码样式的变化。

示例： 格式化前后提交到 git，使用 git diff 查看变化，确认是否为 Prettier 所做的代码风格调整。

通过以上步骤，我们可以系统地检查和验证 Prettier 是否在项目中正常工作。如果其中任何步骤失败或结果不符合预期，可能需要进一步调查配置文件的设置或插件的安装状态。