前端开发中代码的格式化非常重要，可以提高代码的可读性，降低代码维护难度。而 prettier 是众多代码格式化工具中比较受欢迎的一个，它使用了一套规则来自动格式化代码。但是使用 prettier 要手动添加一些配置文件，为了减少重复劳动，可以使用 @sourcegraph/prettierrc 包来一键生成 prettier 配置文件。
什么是 @sourcegraph/prettierrc
@sourcegraph/prettierrc 是一个 npm 包，是基于 prettier-create 和 prettier-package 来自动生成 prettier 配置文件的最简化版本。
如何使用
@sourcegraph/prettierrc 使用非常简单，只需要在项目根目录执行以下命令：
npx @sourcegraph/prettierrc
执行上面的命令后，会在当前目录下生成一个新文件 .prettierrc.json。这个 json 文件就是 prettier 的配置文件。prettier 将会按照这个文件中的配置来格式化我们的代码。
配置文件
@sourcegraph/prettierrc 生成的配置文件已经包含了一些常用的配置项，比如缩进用空格还是制表符、缩进大小等。如果需要修改配置项，可以在 .prettierrc.json 文件中进行修改。
示例配置文件 .prettierrc.json：
{
"arrowParens": "always",
"jsxBracketSameLine": true,
"printWidth": 80,
"semi": false,
"singleQuote": true,
"trailingComma": "es5"
}arrowParens: 在箭头函数中，输出参数是否带括号。jsxBracketSameLine: 在 jsx 中，闭合标签是否与行首对齐。printWidth: 每行代码长度超过此限制，则自动换行。semi: 是否在语句末尾添加分号。singleQuote: 是否使用单引号。trailingComma: 数组和对象后面是否添加逗号。
与编辑器集成
使用 @sourcegraph/prettierrc，可以让 prettier 配置文件的管理更加方便。但是，还需要确保编辑器可以调用 prettier 来格式化代码。如果使用的是 VS Code，可以安装 Prettier 插件，并在 VS Code 的 settings.json 中添加以下代码：
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}这样，在保存代码时，编辑器会自动调用 prettier 来格式化代码。
总结
@sourcegraph/prettierrc 是一个很好用的 npm 包，它可以快速生成 prettier 配置文件，减少了手动添加配置项的时间，提高了代码格式化的效率。同时，还能够与 VS Code 等编辑器集成，实现自动格式化代码的功能，为日常开发带来了极大的便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc692b5cbfe1ea061224e