在前端开发的过程中，我们不仅需要编写高质量的代码，更需要保证代码的可读性。这不仅仅是出于维护代码的需要，也是出于让代码更好的被其他人理解的考虑。然而，在开发过程中，我们难免会遇到代码格式化问题，这就需要我们使用代码格式化工具来解决问题。在本文中，我们将会介绍一款优秀的代码格式化工具——npm 包 enb-beautify。
1. enb-beautify 是什么
enb-beautify 是一款基于 enb 的代码格式化工具。enb 是一个基于 Node.js 的自动化构建工具，它采用 JSON 配置文件来管理整个项目的构建流程。enb-beautify 依托于 enb，使得我们可以在编写代码的同时，实时的格式化代码，保证代码的规范和高可读性。
enb-beautify 之所以被广泛应用，是因为它具有以下特点：
- 优秀的代码格式化能力，能够自动检测代码中的格式问题，并进行修复。
- 灵活简单的配置，我们可以根据自己的需求来进行配置。
- 强大的扩展性，我们可以自定义一些插件来使其更加适合我们的开发需求。
2. 如何使用 enb-beautify
为了方便大家，我们将会通过实例来讲解如何使用 enb-beautify。
2.1 安装配置
首先，在我们的项目中，我们需要安装 enb-beautify：
npm install --save-dev enb-beautify
接着，在我们的 enb 配置文件中，加载 beautify tech：
-- -------------------- ---- -------
-- ------------
-------------- - ---------------- -
-----------------------------------
--- ------ - ----------------- ------------------
--------------------------- -------------------- -
--- -------- - ---------------------
------------------------------ ------ ------------
------------------------------ -
---------------------
------------------------------------ - ------- ----- ---
--------------------------- - ----------- --------- ---
---------------------------------------
----------------------------------------
---------------------------------------- - ------- --------------- --
---
---------------------------- - ------------------- ----- - ----------------------
---
---
--值得注意的是，在 enb 配置文件中，我们需要先将需要 beautify 的 tech 加载到 nodes 中：
[require('enb-beautify/techs/beautify'), { target: '?.prettify.js' }]这里我们指定了 target 为 ?.prettify.js，表示我们对 js 文件进行格式化。
2.2 使用
接着我们需要通过命令行进行构建：
enb make
构建完成之后，我们可以通过以下命令进行格式化：
enb make -m {project} --no-cache这里的 {project} 代表项目名称，在默认情况下，我们的项目名称都是 desktop.bundles/index。
2.3 自定义配置
如果我们需要对 enb-beautify 进行自定义配置，我们可以在我们的 enb 配置文件中添加自定义的配置项：
-- -------------------- ---- -------
-- ------------
-------------- - ---------------- -
-----------------------------------
-- -- -------- ------
-----------------------------
-----------------------------------
------------
--- -
------------ -
--
---- -
------------ -
-
---
--- ------ - ----------------- ------------------
--------------------------- -------------------- -
--- -------- - ---------------------
------------------------------ ------ ------------
------------------------------ -
---------------------
------------------------------------ - ------- ----- ---
--------------------------- - ----------- --------- ---
---------------------------------------
----------------------------------------
---------------------------------------- - ------- --------------- --
---
---------------------------- - ------------------- ----- - ----------------------
---
---
--在上面我们添加了一些自定义配置，并通过 configure 方法进行了配置，这里我们指定了在 js 文件中，每个 indent 为 2 个空格，在 css 文件中，每个 indent 为 4 个空格。
3. 总结
enb-beautify 能够有效的提升我们代码的可读性，让我们在开发过程中更专注于业务逻辑而非代码格式问题。不过在使用过程中也需要注意，我们需要掌握基础的 Node.js 知识，并在配置时遵循安全的开发规范。如果你有更好的使用经验和代码规范，也可以自定义配置来使 enb-beautify 更加适合你的项目需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e21a563576b7b1ece50