问题背景:
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,通过勾选完成你想要的空格配置。
图解:
希望能够帮到大家!