eslint 可以用于规范我们的编码,使得项目中的代码风格一致,更利于阅读和维护,而 prettier 可以在当我们代码不符合 eslint 规范是进行部分自动修复。
eslint
通过 npm install eslint -D
安装 eslint,然后执行 npx eslint --init
初始化配置文件
在执行 init 操作的时候,eslint 生成配置文件会问你一些问题
- 想怎样来使用 eslint
- 模块化的方式(Es module、commonjs)
- 选择哪一种框架(React、Vue)
- 是否需要 TypeScript
- 项目运行在浏览器还是客户端
- 指定怎样的代码规范(Airbnb、Standard、Google、XO)
- 生成的配置文件类型(JavaScript、YAML、JSON)
依次选择完成后再让它自动安装所需要的依赖。
在这些问题中,我选择了 使用 eslint 时检查代码发现问题后并提醒、模块化使用 commonjs、不需要框架和 TypeScript、项目运行在浏览器端,使用 airbnb 编码规范,生成配置文件为 JavaScript,这样就生成了 eslint 配置文件 .eslintrc.js