ESLint 基本语法（超详细版本）

一、eslint - eslint 的作用和常见的语法规则

1.1、目标：能够知道 ESLint 常见的 语法规则 ，并在实际开发中遵守这些规则

1.2、什么是 ESLint？

官方概念：ESLint 是可组装的 JavaScript 和 JSX 检查工具。

通俗理解：一个代码 格式 的检查 工具 ，用来 约束 团队成员的 代码风格 。

1.3、好处 ：

保证团队协作开发时，编写出来的 代码风格 保持一致。例如：

① 函数名和括号之间要有一个空格

② JS 中的字符串，统一使用 单引号 表示

③ 一行代码结束加不加 分号

④ 不允许 出现 ≥2 个 的连续空行

⑤ import 必须放到文件的最上面

⑥ 文件结尾要 留一行空行

⑦ 对象的末尾不要有多余的 逗号

---

二、eslint - eslint 的作用和常见的语法规则

常见的 ESLint 规则

 更多的 ESLint 规则，请查阅官方文档 https://eslint.bootcss.com/docs/rules/

---

三、eslint - 如何关闭 eslint 功能

vue.config.js（vue 项目的配置文件）

注意：修改完 vue.config.js 配置文件后， 必须重新运行 npm run serve 命令 ，否则修改后的配置 不会生效 ！

---

 四、eslint - 修改某个 eslint 代码检测规则

① 找到项目根目录下的 .eslintrc.js 配置文件

② 在 rules 配置选项中，修改规则

注意：修改完 .eslintrc.js 配置文件后， 必须重新运行 npm run serve 命令 ，否则修改后的配置 不会生效 ！