用vue-cli构建的项目(开启了eslint)，webstorm的自动格式化与eslint冲突报错。

Question

我用vue-cli生成了一个项目，开启了eslint的检测，但是根据webstorm的快捷格式化代码会造成eslint报错。
其中，vue-cli生成的项目中 .editorconfig文件如下图：

我本身webstorm的缩进配置如图：

用快捷键（ctrl+alt+L）格式化代码之后，eslint冲突如下：

请问有没有办法可以让格式化代码后又不与eslint发生冲突的办法呢？

Answer 1

有很多人遇到这个问题, 也有很多人就在那胡说.
先来说说这个问题是由于webstorm格式化有问题,与eslint无关.不应该使用eslint的方式去解决.
我是这样解决的.
webstorm 设置页面->Editor->Code Style
里面的JavaScript右上有一个set from , 我设置成了我想要的Standard风格,然后HTML里面Other选项卡里面有个Do not indent children of ,加一个script,然后保存格式化一下看看效果

Answer 2

在 .eslintrc.js 上右键，菜单底部有一个 "Apply ESLint Code Style Rule" 点它，之后自动格式化就会按照 eslint 的规则了

补充：该功能从 WebStorm 2017.3 版本开始才有

Answer 3

一图胜万言