在前端开发中，代码规范性是非常重要的。为了保证代码的质量，可以通过使用 ESLint 进行代码检查，并在此基础上引入 eslint-plugin-only-var 插件，使代码中变量命名更加规范，接下来我们来介绍如何使用它。
安装 eslint-plugin-only-var
首先需要安装 eslint-plugin-only-var，可以使用 npm 或者 yarn 进行安装：
npm install --save-dev eslint-plugin-only-var
或者
yarn add --dev eslint-plugin-only-var
安装完成后，需要在 ESLint 配置文件中进行插件的配置。如果使用的是 .eslintrc.js 配置文件，可以使用如下的配置：
module.exports = {
"plugins": [
"only-var"
],
"rules": {
"only-var/only-var": "error"
}
};配置 eslint-plugin-only-var
配置了插件后，需要在规则中添加自定义规则，这可以在 ESLint 配置文件中进行配置：
-- -------------------- ---- -------
-------------- - -
-------- -
-------------------- -
--------
-
----------- -
------
-------
--
-------- -
------
-
-
-
-
--"only-var/only-var" 是 eslint-plugin-only-var 插件定义的规则名称，接下来需要配置规则的选项：
disallow是一个数组，其中包含应该被禁止的关键字，例如let和const；allow是一个数组，其中包含应该被允许的关键字，例如vars。
使用 eslint-plugin-only-var
在我们的代码中，使用 var 关键字来定义所有变量，来达到我们规范变量命名的目的。
/* eslint-disable only-var/only-var */ var myVar = "Hello World!"; var myOtherVar = "Goodbye!"; /* eslint-enable only-var/only-var */
为了防止 ESlint 的其他规则在特定的地方引起问题，我们还可以使用如上的特殊注释来忽略插件规则。在需要忽略规则的位置添加一个 eslint-disable 注释，在注释结束的位置加一个 eslint-enable 注释，这样 ESLint 会跳过这段代码
总结
在本文中，我们介绍了如何使用 eslint-plugin-only-var 来规范变量命名。通过配置不允许使用 let 和 const 关键字，以及让大家使用 var 命名变量，可以让代码更加规范、易于维护。希望你可以在以后的项目开发中能够使用它，并从中受益。
参考链接
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557fb81e8991b448d5136