前端代码格式化工具

前端代码格式化工具

前言

在多人合作开发项目的过程中，由于每个程序员的编程习惯不同，经常会出现代码风格不一致的情况。

由此引发出了一个问题 ---- 代码提交时，会出现大量的格式修改。

于是，我们制定了统一的开发标准来规范代码风格。

但是，程序员需要花费大量时间去熟悉开发标准，才能开发出风格统一的代码。

于是，为了让程序员的开发工作更方便，我们使用了代码格式化工具，让它自动对代码进行格式化。

目前，比较流行的代码格式化工具有 ESLint 和 Prettier 。

接下来，我们就一起来了解一下它们的功能和使用方法。

两个概念

代码格式化工具制定的规则分为两种：

1. 代码风格规则：max-len, no-mixed-spaces-and-tabs, keyword-spacing, comma-style...

   这类规则关注的是代码的格式是否好看。

2. 代码质量规则：no-unused-vars, no-extra-bind, no-implicit-globals, prefer-promise-reject-errors...

   这类规则关注的是代码是否会出错。

ESLint

1. 什么是 ESLint ？

   ESLint 是一个用于识别 ECMAScript / JavaScript 并且按照规则给出报告的工具。

   它既关注代码质量问题，也关注一部分代码风格问题。

2. 为什么使