在前端开发中，代码规范一直是一个重要的问题。其中，ESLint 是一个流行的 JavaScript 代码检查工具，可以帮助我们发现代码中的一些潜在问题。而使用较新的技术时，ESLint 对代码的支持可能不够完善，需要借助插件进行补充。
本文介绍了一个名为 @lbennet/eslint-plugin-turbolinks-event-handling 的插件，它可以帮助我们检查 Turbolinks 应用中关于事件处理的问题。下面将详细介绍该插件的安装和使用方法。
安装
安装该插件非常简单，只需在命令行运行如下命令即可：
npm install --save-dev @lbennet/eslint-plugin-turbolinks-event-handling
该命令会将 @lbennet/eslint-plugin-turbolinks-event-handling 这个包安装在本地项目中，并将其加入到 devDependencies 中。
使用
安装完成后，我们需要在 .eslintrc.json 文件中添加 plugin 和 rules。 .eslintrc.json 是 ESLint 配置文件，用于指定要使用的规则集和扩展插件。
示例配置如下：
{
"plugins": [
"@lbennet/eslint-plugin-turbolinks-event-handling"
],
"rules": {
"@lbennet/turbolinks-event-handling/no-deprecated-events": "error"
}
}这个示例配置中，我们将 @lbennet/eslint-plugin-turbolinks-event-handling 插件添加到了 plugins 中，并在 rules 中添加了要使用的规则。
目前，该插件只定义了一条规则：no-deprecated-events，该规则会检查代码中是否使用了 Turbolinks 中已经废弃的事件，例如 page:fetch、page:change 等。
配置好插件后，我们就可以在命令行中运行 ESLint 命令，检查代码中是否存在违反规则的问题了：
eslint src/**/*.js
示例代码
下面给出一个示例代码，演示如何使用该插件进行 Turbolinks 事件处理的优化：
-- -------------------- ---- -------
-------------------------------------------- ---------- -
-- ----
------------------------------
-- ---------
-------- ------------------- -
-- ---
-
--------------------------- -------------------
---------------------------- -------------------
---通过运行命令行：
eslint file.js
就可以得到如下报错信息：
file.js:7:16: Use of deprecated Turbolinks event: "turbolinks:load".
该错误提示我们使用了已经废弃的 Turbolinks 事件，应该考虑使用新的事件代替。
总结
本文介绍了 @lbennet/eslint-plugin-turbolinks-event-handling 这个 ESLint 插件的使用方法，以及针对 Turbolinks 事件处理的一些最佳实践。在开发过程中使用该插件可以帮助我们发现不符合规范的代码，提高代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672643660cf7123b36480
