前言
在前端开发的过程中，我们经常需要对代码进行格式化，以便于更好的代码阅读和维护。而Prettier是一个非常流行的代码格式化工具，它支持多种语言，并且具有广泛的配置选项。然而，Prettier 使用分号的问题一直是前端开发者的一个争议点。有些人认为，应该在每行代码末尾添加分号，而有些人则认为，不添加分号可以减小代码文件的体积。是否添加分号成为了一个个人或团队的代码规范问题。因此，使用 prettier-semi-cli 这个 npm 包，可以自动在项目中添加或删除分号，以便于更好地统一代码规范。
1. 安装 prettier-semi-cli
我们可以使用 npm 进行全局安装 prettier-semi-cli。
npm i -g prettier-semi-cli
全局安装后，我们就可以在终端中使用 prettier-semi-cli 命令。
2. 添加分号
我们可以使用以下命令，在指定目录下添加分号。
prettier-semi-cli --write directory
其中，directory 表示指定的目录路径。如果我们要在当前目录下添加分号，可以使用以下命令。
prettier-semi-cli --write .
执行该命令后，我们可以看到目录中所有的 js、ts、jsx、tsx 文件都已经自动添加上了分号。
3. 删除分号
如果我们想要删除代码中的分号，同样可以使用 prettier-semi-cli 进行处理。我们可以使用以下命令，删除指定目录下所有文件中的分号。
prettier-semi-cli --write directory --removeSemi
其中，--removeSemi 表示删除分号。执行该命令后，我们可以看到目录中所有的 js、ts、jsx、tsx 文件都已经删除成功。
4. 配置文件
如果我们不想每次执行 prettier-semi-cli 命令时都需要手动添加指定目录和参数，可以通过配置文件来方便的进行处理。我们可以在项目根目录下创建 .prettier-semirc 文件，文件内容如下：
{ "directory": "./src", "removeSemi": true }
其中，directory 表示处理的目录，removeSemi 表示是否删除分号。在配置好 .prettier-semirc 文件后，我们就可以直接使用 prettier-semi-cli --write 命令进行自动添加或删除分号的操作。
5. 总结
通过使用 prettier-semi-cli 这个 npm 包，我们可以轻松地达到自动添加或删除分号的效果，以更好地统一代码规范。同时，我们可以通过配置文件的方式，更方便地进行操作。在实际的开发中，我们需要掌握这个工具的使用技巧，以避免代码规范不一致所带来的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cf181e8991b448da8e8
