关系
npm安装的依赖,编辑器的插件,规则,到底这些是个什么关系
npm的eslint
npm安装的eslint,是在代码编译的时候执行,读项目代码是否符合规范,然后报错,或者警告,对你的代码有影响
规则
eslint既然要检查代码,那肯定要有一个规则,这个规则目前我百度到的,有
1.airbnb
2.standard
3.prettier
所以用vuecli初始化的时候,选eslint的配置都是eslint+airbnb,eslint+standard,这种
然后这份规则,一般是在我们项目有一个这种配置文件,它里面的rules可以覆盖掉它默认的一些规则,这样就方便我们用适合自己的规则
编辑器的插件(vscode)
vscode要看到代码哪里不符合eslint,标红,就需要安装编辑器的插件,这些插件会读取你的项目里面的规则文件,然后就可以进行标红显示
修复格式
除了手动修复外,有两种,一种是用npm的eslint的命令行,大概是这种
一种就是我们比较常用的,在编辑器配置代码保存的时候,自动修复,大概是这种
这里再补充一个,用vuecli安装的时候,这里lint on save,和lint and fix on commit代表什么意思
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。