在开发过程中，经常会遇到需要阅读他人代码的情况，而看起来杂乱无章的代码可能会极大影响开发效率与可读性。因此，为了使代码风格更加一致，更易于阅读，开发者需要对代码进行格式化。在JavaScript中，常用的格式化工具为Prettier、ESLint等。本文将从工具的特点、安装过程及使用示例等方面介绍如何使用这些工具对JS代码进行格式化。

第一节：Prettier格式化工具

1. 什么是Prettier?

Prettier是一款由facebook社区提供的代码格式化工具，它能够通过解析代码，并按照预定义好的规则格式化代码。

2. Prettier的安装

通过npm安装：在命令行输入 npm install prettier -D，安装完成后，在package.json的devDependencies中可以发现prettier的版本信息。

3. Prettier的使用示例

在安装完成后，可以通过以下三种方式使用Prettier进行代码格式化：

- 使用Prettier CLI – 执行命令行 prettier “folder/*.js” –write，会将folder文件夹中所有的JS文件格式化；

- VSCode插件 – 更方便，在VSCode中安装prettier插件，然后通过命令“Shift + Alt + F”进行格式化；

- 在构建工具中使用Prettier插件 – 例如Gulp，则需要安装gulp-prettier插件，并将其添加至gulpfile.js中的对应任务中。

第二节：ESLint格式化工具

1. 什么是ESLint?

ESLint是一款用于统一规范代码风格的仿制工具。它采用了插件化的结构，允许你使用非常多的规则集（rules）进行配置，以满足各种情况和需求。

2. ESLint的安装

通过npm安装 – 命令行输入npm install -g eslint，安装完成后就可以使用ESLint工具了。同时，还需要安装eslint-config-prettier和eslint-plugin-prettier插件，前者作为对预设规则的覆盖配置，后者用于在格式化中使用Prettier的风格规则。

3. ESLint的使用示例

在安装完成后，可以通过以下步骤使用ESLint：

- 初始化ESLint配置文件：执行eslint –init命令，生成.eslintrc.js文件并进行相应的配置，其中设置了需要使用的插件和规则等等。

- 通过命令行执行ESLint：命令行输入eslint path/to/javascript/folder，就可以检测该文件夹或特定文件的代码是否符合ESLint的规则。

- 在编辑器中使用ESLint：在VSCode中安装eslint插件并进行配置，这样会在编辑器中实时检查代码风格，并给出提示；同时，也可以在编辑器中通过快捷键进行代码格式化。

综上所述，通过使用Prettier和ESLint等工具对JS代码进行格式化，可以让代码更加清晰、易于阅读和维护，并且还能帮助开发者尽量减少犯错的机率。当然，配置规则的过程也需要积累一定经验，需要开发者根据项目实际需要灵活调整相关规则。