Prettier ESLint 插件 怎么使用

Prettier 和 ESLint 是两个常用的代码格式化工具，可以帮助开发者更规范地书写代码。Prettier ESLint 插件可以让这两个工具一起工作，实现代码格式化的自动化。下面是 Prettier ESLint 插件的使用方法：

1. 安装 Prettier 和 ESLint：

npm install prettier eslint --save-dev

2. 安装 Prettier ESLint 插件：

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

3. 在 ESLint 配置文件中添加如下代码：

{
  "extends": ["plugin:prettier/recommended"]
}

这个配置会启用 Prettier ESLint 插件，并且它会使用 Prettier 来格式化代码。

4. 在 package.json 中添加如下脚本：

{
  "scripts": {
    "lint": "eslint . --ext .js,.vue --fix"
  }
}

这个脚本会在执行 eslint 命令时，同时使用 Prettier 来格式化代码。

现在你可以运行 `npm run lint` 命令来检查和格式化你的代码了。如果你使用了编辑器插件，它们也会自动使用 Prettier 来格式化代码。

注意：Prettier ESLint 插件默认只会格式化 .js 和 .vue 文件，如果你需要格式化其他类型的文件，可以在 package.json 中的 `lint` 脚本中添加 `--ext` 参数来指定文件类型。