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

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

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

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

发现在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，就可以了。

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

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