如何解决vscode格式化代码与eslint冲突（附上在vscode中webpack项目安装eslint步骤）

问题

我们在利用vue新建一个webpack时，会选择安装eslint来检验代码格式是否标准。但是通常我们的格式化代码的插件（例如Beautify，Vetur，Prettier - Code formatter）会和eslint发生冲突，经常会发生下列错误：

这是我们新建项目时的代码格式

当利用Vetur格式化代码，发现’变成"，多增加了;，多增加了,

利用Prettier - Code formatter时，也会增加;

解决方案：

使用插件Prettier ESLint，它可以使我们的代码格式化，也可以不与eslint起冲突。

附上在vscode中新建vue webpack项目时安装eslint的步骤：

（1）安装全局eslint

（2）按需选择配置

（3）在文件->首选项->设置中找到json文件

（4）附上.eslintrc.js文件路径