解决vscode中Prettier和ESLint冲突的问题

错误信息

[eslint] 
src/App.jsx
  Line 7:13:  Missing space before function parentheses  space-before-function-paren

解决vscode中Prettier和ESLint冲突的问题_第1张图片

 原因

Prettier和ESLint,前者是格式化工具,后者是代码检查工具,现在的错误是函数名和圆括号()之间应该有一个空格,但是两位的代码规范不一致,就导致了Prettier格式化的格式跟ESLint想要的不一致。

解决方法

因为Prettier的配置文件里没有这项的设置,虽然网上有直接无视ESLint的方法,但我不想无视因为比较懒。

所以最终决定安装Prettier ESLint插件,它可以按照ESLint的格式去格式化。

解决vscode中Prettier和ESLint冲突的问题_第2张图片

按照官方文档的教程配置一下,再设置默认用Prettier ESLint格式化,就可以了。

 成功

解决vscode中Prettier和ESLint冲突的问题_第3张图片

 

 

你可能感兴趣的:(vscode,前端,javascript,react)