webstorm vue 向内缩进4个空格

创建一个vue新工程后，在webstorm等ide里面打开项目，发现每行的缩进是2个空格，但是个人觉得看着整体页面实在怪怪的，强迫性的希望能向内缩进4个空格。

首先想到的就是设置webstorm的CodeStyle配置：

File > Settings > Editor > Code Style > JavaScript的设置，发现Indent的键值就是为4：

这就让我纳闷不已，思前想后估计是vue脚手架暗箱操作了一波，在经过长达几分钟的不懈努力下，终于找到了源头所在。发现在项目根目录下的.editorconfig配置文件中有如下配置：

只要将其中的indent_size的值修改为4保存。然后在页面内格式化代码ctrl+alt+L搞定收工。