前言
ESLint 是目前前端开发中必不可少的代码检查工具。其功能包括但不限于：规范代码风格、避免一些常见的编程错误、规范注释、提高代码可读性等等。然而，在使用 ESLint 过程中也可能会遇到各种各样的问题，本文将介绍一些常见的问题以及解决方法。
问题一：ESLint 报错：'vue' is not defined.
如果在使用 Vue 框架时，ESLint 报错提示 "'vue' is not defined"，出现此问题的原因是ESLint 没有正确识别 Vue 框架。
解决方法：修改 .eslintrc.js 文件，添加如下代码：
module.exports = {
extends: ['plugin:vue/essential', 'eslint:recommended'],
rules: {
// ...
},
plugins: ['vue']
}问题二：ESLint 报错：'async function' is only allowed in async contexts.
如果在使用 async 函数时，ESLint 报错提示 "'async function' is only allowed in async contexts."，出现此问题的原因是采用的 ESLint 插件不支持 async/await，需要安装插件。
解决方法：安装 eslint-plugin-async，命令如下：
npm install eslint-plugin-async -D
然后在 .eslintrc.js 文件添加以下代码：
module.exports = {
extends: ['plugin:vue/essential', 'eslint:recommended'],
rules: {
// ...
},
plugins: ['vue', 'async']
}问题三：ESLint 忽略某些文件或文件夹
有时候我们可能不想对某些特定的文件或目录进行 ESLint 检查，此时可以忽略这些文件或目录。
解决方法：在 .eslintignore 文件中添加忽略的文件或目录名称。例如：忽略 dist 目录和 node_modules 目录，可以在 .eslintignore 文件中添加如下代码：
dist node_modules
问题四：ESLint 限制行的长度。
通常情况下 ESLint 会将一行的最大长度限制在 80 个字符以内。如果代码中某一行超出长度限制，便会产生 ESLint 报错。
解决方法：在 .eslintrc.js 文件的 rules 中添加 max-len 属性，设置最大长度的值即可。示例：
-- -------------------- ---- -------
-------------- - -
-------- ------------------------ ----------------------
------ -
---------- --------- -
------- ----
---------------- -------- ----
------------------------- -----
---------------- -----
------------- -----
----------------- -----
----------------------- -----
--
--
-------- -------
-总结
ESLint 是前端开发中必不可少的代码检查工具，但在使用过程中也会遇到各种问题。本文介绍了常见的问题以及解决方法，包括了 'vue' is not defined、'async function' is only allowed in async contexts、如何忽略某些文件或文件夹以及如何限制行的长度等等。希望本文能够帮助您更好地解决 ESLint 相关的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/658fe4dbeb4cecbf2d573835