前言
@clark/prettier-config 是一个 prettier 字面上的配置包，用于帮助您写出更干净、更美观的代码。在本文中，我将会详细地向您展示如何使用这个包。
安装
您可以通过以下命令安装 @clark/prettier-config：
npm install --save-dev @clark/prettier-config
使用
在项目中使用
将以下代码添加到您的 .prettierrc.js 中：
module.export = {
...require('@clark/prettier-config'),
// 在这里可以添加自定义的 prettier 配置
}这会覆盖 @clark/prettier-config 的默认配置，并使您的项目使用 @clark/prettier-config 来格式化代码。
配置
以下是 @clark/prettier-config 的默认配置：
{
"trailingComma": "es5",
"tabWidth": 2,
"semi": false,
"singleQuote": true,
"jsxBracketSameLine": false,
"printWidth": 80
}您可以通过覆盖 .prettierrc.js 来覆盖这些默认值，如下所示：
module.export = {
tabWidth: 4,
singleQuote: false,
...
}与 VS Code 集成
要让 VS Code 自动使用 @clark/prettier-config，您需要将 prettier.configPath 设置为 .prettierrc.js，并安装 prettier 扩展程序。
与 ESLint 集成
您可以将 eslint-plugin-prettier 添加到信任的插件列表中，并在您的 ESLint 配置中引用 prettier。这将确保您的 ESLint 和 prettier 可以共存，并自动修复代码风格。
以下是 .eslintrc.js 的示例：
-- -------------------- ---- -------
-
---------- -
----------
--
---------- -
-----------------------------
--
-------- -
-------------------- --------- --- - ---------------- ---- --
-
-结论
在本文中，我向您展示了如何使用 @clark/prettier-config 来自动格式化代码，并提供了一些与 VS Code 和 ESLint 集成的过程。希望这篇文章能够帮助您写出更干净、更美观的代码！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f768ad17116197505561a78