如何解决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文件路径
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_44997147/article/details/116034255