問題背景：

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，通過勾選完成你想要的空格配置。

圖解：

希望能夠幫到大家！