关系

npm安装的依赖,编辑器的插件,规则,到底这些是个什么关系

npm的eslint

npm安装的eslint,是在代码编译的时候执行,读项目代码是否符合规范,然后报错,或者警告,对你的代码有影响

规则

eslint既然要检查代码,那肯定要有一个规则,这个规则目前我百度到的,有
1.airbnb
2.standard
3.prettier
所以用vuecli初始化的时候,选eslint的配置都是eslint+airbnb,eslint+standard,这种
image.png

然后这份规则,一般是在我们项目有一个这种配置文件,它里面的rules可以覆盖掉它默认的一些规则,这样就方便我们用适合自己的规则
image.png

编辑器的插件(vscode)

vscode要看到代码哪里不符合eslint,标红,就需要安装编辑器的插件,这些插件会读取你的项目里面的规则文件,然后就可以进行标红显示
image.png

修复格式

除了手动修复外,有两种,一种是用npm的eslint的命令行,大概是这种
image.png

一种就是我们比较常用的,在编辑器配置代码保存的时候,自动修复,大概是这种
image.png

这里再补充一个,用vuecli安装的时候,这里lint on save,和lint and fix on commit代表什么意思
image.png


bug之所措
406 声望13 粉丝

« 上一篇
nuxt的认识