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

1 篇文章 0 订阅
1 篇文章 0 订阅
问题背景:

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

图解:


希望能够帮到大家!

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值