Webstorm 代码格式化空格不一致问题

问题背景：

vue开发，使用ESLlint作为代码格式校验

问题描述：

webstorm for windows和for mac os，使用快捷键代码格式化结果不一致，导致有些格式需要自己手动修改的问题。

问题图述：

mac环境-格式化前：

mac环境-格式化后：

windows环境-格式化后

问题就在于，在windows环境下data后面的空格消失了，如何与mac os保持一直？

解决方法：

1.将webstorm升级至2017.3及以上版本

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

3.重新使用代码格式化快捷键，查看问题是不是解决了

补充：如果想要快捷修复ESLint校验问题，也可以点击“Fix ESLint Problems”解决

关于进一步的个性化编码配置，请参考"setting" -->"Editor" --> "Code Style" --> "JavaScript"，然后在tab栏，切换到spaces，通过勾选完成你想要的空格配置。

图解：

希望能够帮到大家！