1.eslint&prettier 规范和格式化代码

eslint

eslint 用于 JavaScript 和 JSX 的插件化 linting 实用程序，用于检查代码的正确性和可读性。预防一些潜在的错误。

facebook 是 eslint 的一个重要的用户和贡献者。而 react 是 facebook 的一个重要的开源项目。所以 eslint 支持 JSX。

prettier

prettier 是一个代码格式化工具。支持多种类型文件的格式化。

区别和联系

在覆盖范围上：

• eslint 是针对 js 和 jsx 的校验和格式化工具
• prettier 除了支持 js 和 jsx 之外，还支持别的语言。

在功能上：

• eslint 可以校验和修复
• prettier 这是格式化

配合使用

如果同时使用了 eslint 和 prettier，那么它们会同时工作。他们在某些规则上存在不同处理方式。如果你在 vscode 的中安装了 eslint 和 prettier 的插件，并做了些配置，那么在保存文件的时候编辑器可能会闪两下，因为他们同时工作，并给出了不一样的修复。这时候需要我们来处理。

安装eslint-config-prettier 和 eslint-plugin-prettier这两个包来解决 eslint 和 prettier 的冲突。

eslint 的配置文件中.eslintrc.*做出如下配置：

module.exports = {
  extends: ["eslint:recommended", "plugin:prettier/recommended", "prettier"],
};