eslint 代码使用规范

如果项目比较大，团队之间就需要有个规范而不是按每个人的风格来写代码，而且使用规范也有助于项目维护和别人查看你的代码。

eslint是基于node环境的

eslint可以对那些东西进行规范1，代码风格。2，代码问题，3，代码语法。

先简单介绍下eslint的使用

在项目中安装：yarn add eslint —dev

安装完成后 如果查看版本命令为：yarn eslint —version

对文件进行eslint规范检查 执行命令：yarn eslint .\01-peroper.js 。yarn eslint 具体路径，也可使用通配符*.js进行批量的检查

如果出现这个错，错误信息大致为 没有eslint的配置文件 下面也给出了解决方案 eslint —init
eslint1.png

在命令行执行 yarn run eslint —init。执行完成后会出现一些问题。

第一个问题：看下图根据自己需要但一般选择第三个，这样有助于我们规范代码
eslint2.png

第二个问题 看自己项目选择

如果选 javascript项目就支持使用 import/export 。

如果选择commonjs项目就支持require/expores。

我选的是不使用，因为项目中并没有使用模块化。

eslint3.png

第三个问题，根据项目来选择，我的项目未使用框架所以我选第三个。
eslint4.png

第四个问题，根据项目选 这里我项目没有使用 typeScript所以选 no

eslint5.png

第五个问题 根据项目选 这里我项目在浏览器运行
eslint6.png

第六个问题 一般选主流的。如果项目中新的成员加入他可以很快适应代码

eslint7.png

第七个 根据项目需求选就行，没有标准答案。这里我选 Standard
eslint8.png

第8个问题 ，这里推荐js文件。这样可以在配置文件中单独写代码
eslint9.png

后面还有些基础的问题 5个问题

eslint10.png

填完之后 执行命令 yarn eslint path ,path ：为文件路径。如有错误就是这样的然后修改就可以了
eslint11.png

补充一句：yarn eslint .\01-peroper.js —fix 执行命令后加—fix 是自动修改格式问题。但如果不急可以自己根据提示自己修改错误，这样有助于写出更规范的代码。