在idea里使用vue,设置tab缩进为4

本人通过vue-cli搭建vue项目后，编写代码时发现tab缩进为2个空格，但习惯了4个空格，2个空格的看起来很乱。 

自己使用的是idea(也要开发后端)，在idea里设置了tab和indent发现不起作用。 

后来，看了看vue项目结构的说明.点击打开链接http://vuejs-templates.github.io/webpack/structure.html。 

发现在vue项目里有个.editorconfig的文件，打开可以发现有以下配置项：

root = true  
  
[*]  
charset = utf-8  
indent_style = space  
indent_size = 4  
end_of_line = lf  
insert_final_newline = true  
trim_trailing_whitespace = true 

其中的indent_size = 4就是tab缩进的大小，默认是2，我们将其修改为4，就可以了。 

有同样问题的童鞋，希望能有所帮助！ 

以后用一个新东西的时候要先了解一下整体的目录结构，这样一些问题能更快地解决！