随着前端项目规模的不断扩大，代码风格的统一成为了团队协作的关键问题。Prettier 是一个代码格式化工具，通过自动修改代码中的空格、逗号、引号等格式，实现统一的代码风格。prettier-config-daaku 是一款针对 JavaScript、TypeScript 的 prettier 配置的 npm 包，它封装了 prettier 的配置文件，可以让你轻松地为你的项目启用 Prettier。
1. 安装 prettier-config-daaku
使用 npm 或者 yarn 安装 prettier-config-daaku。
npm install --save-dev prettier-config-daaku
或者：
yarn add -D prettier-config-daaku
2. 配置 prettier-config-daaku
为了使用 prettier-config-daaku，你需要在项目中创建一个 .prettierrc.js 文件。这里演示一个使用 prettier-config-daaku 的示例配置：
module.exports = {
extends: 'prettier-config-daaku',
// 自定义 prettier 配置字段
// ...
};这里使用了 extends 字段，继承了 npm 包 prettier-config-daaku 的 prettier 配置。如果你需要覆盖某个配置项，可以在自定义配置中进行修改，详细的配置项请参考 prettier 文档。
3. 使用 prettier-config-daaku
安装和配置完成后，就可以使用 prettier-config-daaku 来格式化代码了。可以在命令行中使用 prettier 命令，对指定的文件或目录进行格式化：
prettier --write src/index.js
也可以将 prettier 集成到编辑器中，实现实时格式化代码的效果。这里只介绍 VS Code 中集成 prettier 的方法。
首先，安装 Prettier - Code formatter 扩展。
在 VS Code 中打开项目，找到
settings.json文件（可以使用快捷键Ctrl + Shift + P，输入Preferences: Open Settings (JSON)打开），添加以下配置：
-- -------------------- ---- -------
-
---------------------- -----
--------------- -
---------------------- -----
--
--------------- -
---------------------- -----
--
---------------------- ----------------
-其中 editor.formatOnSave 表示开启保存时自动格式化代码的功能。[typescript] 和 [javascript] 分别表示针对不同的文件类型进行设置。
- 最后，保存设置后打开一个
.js或.ts文件，可以看到代码在保存时自动被格式化了。如果有其他格式化工具也在工作，可以在右下角的状态栏中切换。
结束语
prettier-config-daaku 是一款非常好用的 prettier 配置库，它可以帮助我们快速应用 prettier，统一团队代码风格。通过本篇文章，你学习了安装、配置和使用 prettier-config-daaku 的方法，希望对你的前端开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006733e890c4f72775835bf