前言
在前端开发中，代码格式化工具是必不可少的。它可以帮助我们统一代码风格、提高代码可读性、降低出错率等。而 prettier-eslint-cli 就是一个非常优秀的代码格式化工具。
本文将介绍如何使用 npm 包 prettier-eslint-cli，并提供详细的学习和指导意义，同时包含示例代码，让大家更快地上手。
什么是 prettier-eslint-cli？
prettier-eslint-cli 是一个命令行工具，可以对指定的 JavaScript 或 TypeScript 文件进行代码格式化。它实际上是 prettier 和 eslint 的组合，可以自动解决两者之间的冲突问题。
prettier 是一个强大的代码格式化工具，它可以自动调整代码的缩进、换行、空格等，并且支持多种编程语言。
eslint 是一个 JavaScript 代码检查工具，它可以帮助我们保持一致的代码风格、发现潜在的错误和漏洞等。
由于 prettier 和 eslint 的规则存在一些冲突，因此 prettier-eslint-cli 可以帮助我们协调两者之间的差异，让代码更加规范和易读。
如何安装 prettier-eslint-cli？
首先，你需要确保你的电脑上已经安装了 Node.js 和 npm。如果没有安装，可以先去官网下载并安装。
然后，在命令行中输入以下命令来安装 prettier-eslint-cli：
npm install -g prettier-eslint-cli
这条命令会将 prettier-eslint-cli 安装到全局环境中，使得你可以在任何地方使用它。
如何使用 prettier-eslint-cli？
安装完成后，你可以使用以下命令格式来调用 prettier-eslint-cli：
prettier-eslint-cli [options] <file|dir|glob ...>
其中，[options] 表示可选的参数，<file|dir|glob ...> 表示需要格式化的文件、目录或者通配符。
以下是一些常用的选项和参数：
--write：表示对指定文件进行格式化，并覆盖原文件。--list-different：表示列出所有与 prettier 编码规范不符的文件。--eslint-config <eslint-config-file>：表示指定 eslint 的配置文件。--prettier-config <prettier-config-file>：表示指定 prettier 的配置文件。
例如，下面的命令会对当前目录下的所有 JavaScript 文件进行格式化，并覆盖原文件：
prettier-eslint-cli --write "**/*.js"
如何配置 prettier-eslint-cli？
prettier-eslint-cli 可以通过配置文件来自定义它的行为。默认情况下，它会使用 prettier 和 eslint 的默认配置。但是，你可以通过 .prettierrc 和 .eslintrc 文件来覆盖它们的默认配置。
.prettierrc 是 prettier 的配置文件，可以包含 prettier 的所有配置选项。例如：
-- -------------------- ---- ------- - ------------- --- ----------- -- ---------- ------ ------- ----- -------------- ----- ---------------- ------- ----------------- ----- --------------------- ------ -------------- ------- -
.eslintrc 是 eslint 的配置文件，可以包含 eslint 的所有配置选项。例如：
-- -------------------- ---- -------
-
---------- ---------------------- ----------------------------
---------------- -
-------------- -----
------------- ---------
--------------- -
------ ----
-
--
-------- -
------------- --------
-------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------