webstorm 换行有多余空格触发eslint no-trailing-spaces 校验

最近转到webstorm 编辑器遇到了一个很不爽的事情，由于写vue的代码的时候，经常需要用空行将方法分隔开，方便阅读。但是在编辑器下只要换行就会自动缩进添加空行，每次都会触发no-trailing-spaces的校验，需要手动删除空行，或者使用编辑器的修正功能。为此特地翻了一遍webstorm的文档，也没有找出解决的方法，终于在github上，有人在tslint的issue里面有提过, issue链接https://github.com/palantir/tslint/issues/481，为此tslint特为加了一个配置参数。 回头看了一下eslint的文档，果然也有相应的参数。

修改eslint配置文件如下

 'no-trailing-spaces': ["error", { "skipBlankLines": true }]
复制代码

修改之前的效果

修改之后的效果

不再提示报错信息了

其实，webstorm有一个配置选项，可以在保存文件的时候，自动把多余的空格给去除掉。 但是每次都需要保存完才能消除提示，实在不爽。