【代码规范验证插件】
1.ESLint:检查代码错误,并给出提示
ESLint只是一个代码质量工具(确保没有未使用的变量、没有全局变量,等等)
2.Prettier:检查代码错误,并给予修正。(如保存时)
Prettier只关心格式化文件(最大长度、混合标签和空格、引用样式等)
3.Beautify:检查代码错误,并给予修正。(被调用时)
Prettier和Beautify的区别:
Beautify是编辑器层面的代码检查,Prettier是项目层面的代码检查,检查规则可上传、同步等。
【插件生效及验证规则】
首先查找项目中是否有配置文件,如:.eslintrc.js。
如果有,插件会根据配置文件的规则,对代码进行校验。
否则,插件根据编辑器的配置规则,对代码进行校验。
【附】
.editorconfig用于配置全局的代码格式。
如全局设置默认缩进为4格tab。