ESLint 学习笔记

0.前言

ESLint是什么？

ESLint 是一款检查JavaScript代码的工具。

作用什么？

作用是通过这个工具让JavaScript代码保持一致性，和可读性。

解决了那些问题

因每个人编程风格不一样，导致多人开发项目的时候，造成代码不规范，难以阅读，风格不统一。通过ESLint 可以让项目的代码保持一个相对统一的风格和规范。

1.配置文件

ESLint 支持几种格式的配置文件:

• JavaScript - 使用 .eslintrc.js 然后输出一个配置对象。
• YAML - 使用 .eslintrc.yaml 或 .eslintrc.yml 去定义配置的结构。
• JSON - 使用 .eslintrc.json 去定义配置的结构，ESLint 的 JSON 文件允许 JavaScript 风格的注释。
• package.json - 在 package.json 里创建一个 eslintConfig属性，在那里定义你的配置。

如果同一个目录下有多个配置文件，ESLint 只会使用一个。优先级顺序如下：

1. .eslintrc.js
2. .eslintrc.yaml
3. .eslintrc.yml
4. .eslintrc.json
5. .eslintrc
6. package.json

例子

module.exports = {
  "root": true,
  "env": {
    "node": true
  },
  "extends": [
    "plugin:vue/essential",
    "eslint:recommended"
  ],
  "parserOptions": {
    "parser": "babel-eslint"
  },
  "rules": {}
};