前端开发人员通常都会遇到代码质量管理和规范问题，而 ESLint 就是一个用于代码规范检查的工具。Brackets 是一款快速、轻量级、开源、跨平台的代码编辑器。本文将介绍如何使用 brackets-eslint，以及如何在 Brackets 中将其配置为代码编辑器。
前提条件
在开始本文前，确保你已经安装了 Node.js 和 Brackets 编辑器，并且你熟悉 ESLint 的基本知识。
安装 Brackets-ESLint
Brackets-ESLint 是在 Brackets 中使用 ESLint 的插件。你可以通过 NPM 安装它。
--- ------- -- ---------------
在这里，我们将其安装到全局目录，这样它就可以在所有项目中使用了。
为项目配置 ESLint
ESLint 需要我们在项目中初始化一个配置文件。这个文件告诉 ESLint 检查哪些文件，以及需要检查哪些规则。你可以使用 ESLint 的官方脚手架来初始化你的项目。
--- ------- -- -----------
使用以上命令，你可以全局安装 ESLint 官方脚手架。接着，使用以下命令在项目中初始化配置文件：
-----------
这将引导你选择一些选项，以便生成适合你项目的配置文件。根据你的选择，它将生成一个 .eslintrc 文件并将其放置在你的项目目录下。
接下来，在 Brackets 编辑器中，选择菜单中的「File > Project Settings…」。在弹出对话框中选择「Code Quality」标签，然后单击「Add」按钮。选择「Brackets-ESLint」插件，然后单击「OK」按钮。
现在，在代码编辑器中，你将可以看到如下图所示的错误和警告：
配置代码编辑器自动格式化
你可以在 Brackets 编辑器中配置表示行末的字符，使其在存储代码时自动格式化。所有空格、标点符号和其它不相关的字符都将自动被删除，同事你的代码就在固定缩进中。
请按照以下步骤进行配置：
打开 Brackets 编辑器，单击菜单中的「Debug > Open Preferences File」。
将以下 JSON 代码复制并粘贴到打开的
brackets.json文件中：
------------------------------ ----- --------------------------------- ------ --------------------------- ----- ---------------- -------- ----------- -----
- 保存并关闭该文件。
结论
Brackets-ESLint 是一款非常方便的工具，适用于在 Brackets 编辑器中使用 ESLint。通过遵循以上步骤，你可以在项目中使用 ESLint 检查并提高代码质量，以及在编写每一行代码时，自动格式化代码，让你更加省时省力。
不仅如此，在实际开发中，我们还需要不断地查找和学习其它更好的工具。除此之外，我们还需要不断的在项目中使用它们，并不断地提高自己的代码质量和开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c82ccdc64669dde4d44