ESLint：如何规避不规范的空格使用？
对于前端开发者来说，代码规范是必不可少的，它可以使我们的代码更加易读易懂，提高代码质量。而其中一个比较细节的问题就是空格的使用规范。由于空格使用规范十分严谨，稍有不慎就会影响代码的可读性。为了解决这个问题，我们可以使用 ESLint 来规范空格的使用。
ESLint 是一个开源的 JavaScript 代码检测工具，它可以帮助开发者自动检测代码中的错误，同时也能够帮助开发者保持代码规范统一，避免犯下常见的错误。
在 ESLint 中，有一个专门用来处理空格的规则，名为 "no-multi-spaces"。该规则可以检测到代码中是否存在多余的空格以及多余的空行，从而让代码更加整洁清晰。下面我们来看一下如何使用该规则。
首先，在项目中安装 ESLint：
npm install eslint --save-dev
安装完成后，我们需要在项目中创建一个 .eslintrc.js 文件，并配置使用到的规则。具体代码如下：
-- -------------------- ---- -------
-------------- - -
------ -
---------- -----
------ ----
--
---------- -
---------------------
--------------------------
--
--------- ---------------
---------------- -
--------------- -
------ ----
--
-------------- -----
------------- --------
--
---------- -
-------
--
-------- -
------------------ -------
-
--在上述代码中，我们将 "no-multi-spaces" 规则配置为 "error"，这意味着代码中出现多余的空格时，将会报错。另外，我们还可以根据自己的需求添加其他的规则。
下面是使用该规则的示例代码：
-- -------------------- ---- -------
-------- ---- -------- ------- -
-- ------- --- ------ -
------------------- --------
- ---- -
---------------- ----------
-
-
----------- -------在上述代码中，我们使用了空格来对代码进行格式化，从而使代码更加整洁。但是，在 if 判断语句中，我们出现了多余的空格。使用 ESLint 可以帮我们自动检测这个错误，并提醒我们修改。
总结一下，使用 ESLint 可以帮助我们规避不规范的空格使用，使我们的代码更加整洁清晰。同时，如果我们对规则配置更加深入了解，还可以发现其它一些有用的规则，这对我们提高代码质量有很大的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6462d930968c7c53b03e8310