ESLint 如何在Vue或React中使用?

vue或react都有对应的插件实现

由于 Vue 中的单个文件组件不是普通的 JavaScript，因此无法使用默认解析器，因此引入了新的文件组件。通过表示模板语法的特定部分以及标签内的内容生成增强的 AST 节点。

以上面Vue文件报错为例子

我们可以通过eslint-plugin-vue来实现

首先项目根目录安装

npm install --save-dev eslint eslint-plugin-vue

然后执行 npm run eslint-fix进行校验

前面所遇到的html标记已经得到解决 eslint能正确识别vue文件。

配合IDE食用更佳

在实际的开发过程中, 当然希望编辑器能即使反馈错误并提示

以VsCode为例

如果未生效

请确保EsLint开启

如遇报错解决报错直至开启