在前端开发中，使用 linter 工具可以帮助我们检测代码中的潜在错误和不规范的写法，提升代码的质量和可读性。而 Eslint 正是一个非常流行的 JavaScript linter 工具，可以帮助我们检查代码质量，并给出一些警告和建议。
但是，手动在每个项目上安装 Eslint 并配置很麻烦且浪费时间，造成代码设置的差异。这时候就可以考虑使用 npm 包 justo-plugin-eslint 来进行 Eslint 的规范检测了。
安装
要使用 justo-plugin-eslint，首先需要在项目中安装这个插件。如果你还没有安装 Justo，请先安装：
npm install justo -g
接下来，通过 npm 安装 justo-plugin-eslint：
npm install juste-plugin-eslint --save-dev
配置
在项目中安装完 justo-plugin-eslint 后，就可以开始进行配置了。将以下内容添加到项目的 justofile.js 文件中：
-- -------------------- ---- -------
----- ------ - -------------------------------
----- ------------ - -
----------- -----------------
-------------- -
---- -----
------ -----
---------- ------------------------------------
--
--
-------------- - -
------- ---------------------
--在 eslintConfig 变量中，我们提供了 Eslint 配置文件路径、Eslint 的 fix 选项、缓存选项。对于大型项目，启用 Eslint 在持续集成 (CI) 环境中使用缓存以加快速度，同时使用 Eslint 的 fix 选项可以让 Eslint 在可修复时自动修复错误。
使用
配置完成后，我们就可以使用 justo-plugin-eslint 来执行项目中的 Eslint 代码检查了。运行以下命令来检查项目中的代码：
justo eslint
执行后，就可以看到 Eslint 检测结果的输出，可以输出错误、警告和建议的数量、位置，以及可以修复的问题数量。
示例代码
以下是一个示例的 .eslintrc.js 文件，您可以根据自己的需求进行修改：
-- -------------------- ---- -------
-------------- - -
---- -
---- -----
----- -----
----- -----
--
-------- -
--------- -----
--- -----
------- -----
----------- -----
---------- -----
-------- -----
---------- -----
--
-------------- -
------------ -----
----------- ---------
------------- -
----------------------------- -----
--
--
-------- -
-------
--
-------- -
---------------------
--------------------------
--
------ -
------------- --------- - ------ -------- -------- ---
------- --------- -- - ----------- - ---
----- --------- ----------
------- --------- ----------
------------------ --------- --------
----------------- -------
-------------- --------
--------------------- --
----------------------------- --
------------------------ --
----------------------------- --
------------------------ --
--
--到此，我们已经学会了如何安装、配置并使用 justo-plugin-eslint 来进行 Eslint 检查。希望这篇文章能够对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/68461