在前端开发中，实现代码的格式化和美化是非常重要的。为了方便项目维护，我们通常会使用一些自动化工具来对代码进行处理。其中，npm 包 pretty-js 就是一个非常好用的工具。
什么是 pretty-js？
pretty-js 是一个 JavaScript 库，它可以将未经格式处理的 JavaScript 代码转换成易于阅读和理解的格式。它可以自动将代码缩进、分号等标点符号添加到代码中，并将代码块分隔开来，从而使代码更加清晰明了。
如何安装 pretty-js？
要使用 pretty-js，您需要首先确保已经安装了 Node.js 和 npm。在安装完成之后，打开命令行界面，使用以下命令安装 pretty-js：
npm install pretty-js --save-dev
如何使用 pretty-js？
安装完成后，在您的项目中添加以下代码：
-- -------------------- ---- -------
----- -------- - ---------------------
----- ------- - -
--------- --
-------- ------
----- -----
------------ ------
-------------- -------
--------------- -----
------------ ---------
--
----- ------------- - ----------------------------- ---------
---------------------------在上述代码中，我们首先通过 require() 函数引入了 pretty-js 库。然后，我们定义了一个名为 options 的对象，该对象包含了一些选项，用于指定 pretty-js 的格式化规则。接下来，我们使用 prettyJs() 函数将未经格式处理的代码转换为易于阅读和理解的格式，并将其存储在 formattedCode 变量中。最后，我们使用 console.log() 函数打印出格式化后的代码。
pretty-js 的选项
pretty-js 支持以下选项：
- tabWidth：指定缩进空格的数量，默认为 2。
- useTabs：如果为 true，则使用制表符进行缩进；否则使用空格进行缩进，默认为 false。
- semi：如果为 true，则添加分号；否则不添加分号，默认为 true。
- singleQuote：如果为 true，则使用单引号；否则使用双引号，默认为 false。
- trailingComma：指定对象、数组等结构的末尾是否需要添加逗号，可选值为 "none"（不添加）、"es5"（添加），或 "all"（强制添加）。默认为 "none"。
- bracketSpacing：如果为 true，则在对象字面量的括号之间添加空格，默认为 true。
- arrowParens：当箭头函数只有一个参数时，是否需要添加括号。可选值为 "always"（始终添加）或 "avoid"（不添加）。默认为 "always"。
示例代码
下面是一个示例代码，您可以使用 pretty-js 将其格式化：
-- -------------------- ---- -------
-------- ---------
------ ---
-
----- -----------------------------------------
--- -------------
------- --------------------
-----------------
-
---------------------使用 pretty-js 将该代码格式化后，输出如下：
-- -------------------- ---- -------
-------- ------ -- -
------ - - --
-
----- - - -
-- --
-- --
-- -
-- --
-- --- -- ---
-- -
-- --
-- -
-
-
--
--- - - --- -- -- -- ---
--- ---- - - -- - - --------- ---- -
------------------
-
------------------ ----总结
pretty-js 是一个非常实用的自动化工具，它可以将未经格式处理的 JavaScript 代码
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43788