npm 包 @prisma-labs/prettier-config 使用教程

什么是 Prettier？

在编写代码的时候，我们经常需要考虑代码的格式，包括缩进、换行符等等。Prettier 是一个能够帮助我们自动格式化代码的工具，无需手动修改代码格式，让代码更加整洁美观。

为什么要使用 @prisma-labs/prettier-config？

Prettier 非常灵活，支持自定义配置。但这也意味着我们需要自己定制配置选项，这可能会浪费很多时间。因此，社区中有一些预设的 Prettier 配置可以直接使用，@prisma-labs/prettier-config 正是其中一种。

如何使用 @prisma-labs/prettier-config？

1. 安装 @prisma-labs/prettier-config 包

在项目根目录中使用以下命令安装：

npm install --save-dev @prisma-labs/prettier-config

1. 创建 .prettierrc.js 配置文件

在项目根目录下创建 .prettierrc.js 文件，将以下代码复制进去：

module.export = require('@prisma-labs/prettier-config')

1. 修改 VS Code 配置

打开 VS Code 并进入设置，搜索 editor.formatOnSave。找到该选项并勾选，这时保存文件时就会自动进行代码格式化操作。

示例代码

以下是一个使用了 @prisma-labs/prettier-config 的示例文件：

function addTwoNumbers(a, b) {
  return a + b
}

const num1 = 1
const num2 = 2

console.log(addTwoNumbers(num1, num2))

使用格式化命令后，代码将被格式化为：

function addTwoNumbers(a, b) {
  return a + b
}

const num1 = 1
const num2 = 2

console.log(addTwoNumbers(num1, num2))

总结

使用 @prisma-labs/prettier-config 可以让我们省去定制 Prettier 配置的烦恼，换而使用社区成熟的预设配置，使得代码更加整洁美观。同时，该包的使用也非常简单，只需要通过 npm 安装并简单配置即可快速启用。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc88fb5cbfe1ea0612303