只要记住以下几点即可：
1、Eslint是通过AST语法树解析来判断代码规范，主要判断语法问题；prettier主要用来规范代码格式（美化工具）
2、项目中的Eslint和prettier 的npm包，与vscode中Eslint和prettier插件的区别：
1）npm 包用于配合构建工具在开发环境 运行时 以及 生产构建时 抛出错误或提示，比如 Webpack 中的 eslint-loader
ESLint 主要用于语法检查，但也接管了部分代码格式化配置（并不是 ESLint 也用于格式化）。Prettier 永远只做格式化。这就存在一个问题，有些 ESLint 规则和 Prettier 规则之间存在冲突，解决这个问题的办法并不是简单的将冲突的配置同步，配置冲突往往是隐蔽的，你无法简单的通过眼睛识别所有冲突的配置，需要借助其他工具（npm 包）
2）编辑器插件用于实时检测代码语法和规范；
3）执行eslint命令之类的会需要npm包；
3、eslintrc.js和.prettierrc.js和Vscode中的setting.json区别
eslintrc.js和.prettierrc.js在项目中的优先级>setting.json配置
4、Eslint和prettier的冲突解决
待完善
网友评论