Lint 是一类专门用于检查代码的工具软件, 也称 linter。ESLint ,即 JavaScript (ECMAScript)代码的检查工具。

ESLint 能够辅助查找出你的 JavaScript 代码中的问题,包括:

  • 代码风格问题(styles)。比如,运算符两边的空格、语句末尾的分号。
  • 不好的写法。比如,使用 == 进行比较而不是 ===。
  • 可能存在逻辑问题的代码模式。比如,定义了一个变量,但没有使用到它。

此外,ESLint 还能够帮你自动修复一些简单的问题。

ESLint简单的来说就是检查你的JS代码写的格式是否规范的一个依赖。没有ESLint代码也能运行,有了它可以保证代码更加规范、风格统一。ESLint还支持插件,第三方框架会基于ESLint写出自己的代码检查插件。比如Vue对应eslint-plugin-vue

安装 ESLint

  1. pnpm add eslint -D

如果是 yarn

  1. yarn add eslint --dev

注意: 如果 eslint 安装报错:

image.png

可以尝试运行以下命令:

  1. yarn config set ignore-engines true

运行成功后再次执行 eslint 安装命令

Visual Studio Code 编辑器使用 ESLint 配置需要下载插件 ESLint 。
image.png

vue 解析插件

ESLint 是检查 JS 代码的检测工具,默认只能检测 JS 语法,那么它怎么去检查 Vue 语法的文件呢?要完成这件事,我们就需要安装vue官方开发的 ESLint 插件eslint-plugin-vue。这样ESLint就知道该怎么检查 vue 的文件了。

ESLint 会对我们的代码进行校验,而 parser 的作用是将我们写的代码转换为 ESTree,然后 ESLint 才会对 ESTree 进行校验(js 的 parser 是 ESLint‘出厂’自带的)。

vue-eslint-parser 文档上说是 vue 的模板解析器, 强调