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

时间:2024-04-02 19:17:48

问题背景:

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

问题描述:

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

问题图述:

mac环境-格式化前:

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

mac环境-格式化后:

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

windows环境-格式化后

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

问题就在于,在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,通过勾选完成你想要的空格配置。

图解:

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

希望能够帮到大家!