记录一下vscode格式配置，作为前端开发者经常看到不满意的格式，就会强迫症的去修改，修改成功之后，就会记录分享给伙伴们借鉴。

日常工作中，不论是HTML，JavaScript、css、react和typescript等等，都希望统一缩进4字符，因为2个字符缩进太难看了。

1、setting配置

打开vscode，文件——>首选项——>设置

配置Editor: Detect Indentation 原因：编辑器打开后缩进以tabSize为主，不需要在其他地方修改

如果重启后打开文件还不生效缩进4字符，请看第二步。

2、文件.editorconfig配置

在项目根目录新增.editorconfig文件，内容如下

注释：此文件会把远程仓库缩进修改为4字符，这样和本地编辑器vscode缩进基本保持一致，当打开之前修改好的缩进4字符文件内容时，就会完美展现了。

3、临时配置缩进4字符

选择4已配置制表符大小，就会看到空格：4，右键格式化文档就可以得到缩进4字符的文件内容了。