创建一个vue新工程后,在webstorm等ide里面打开项目,发现每行的缩进是2个空格,但是个人觉得看着整体页面实在怪怪的,强迫性的希望能向内缩进4个空格。
首先想到的就是设置webstorm的CodeStyle配置:
File > Settings > Editor > Code Style > JavaScript的设置,发现Indent的键值就是为4:
这就让我纳闷不已,思前想后估计是vue脚手架暗箱操作了一波,在经过长达几分钟的不懈努力下,终于找到了源头所在。发现在项目根目录下的.editorconfig配置文件中有如下配置:
只要将其中的indent_size的值修改为4保存。然后在页面内格式化代码ctrl+alt+L搞定收工。