記錄一下vscode格式配置，作為前端開發(fā)者經(jīng)?？吹讲粷M意的格式，就會強迫癥的去修改，修改成功之后，就會記錄分享給伙伴們借鑒。

日常工作中，不論是HTML，JavaScript、css、react和typescript等等，都希望統(tǒng)一縮進4字符，因為2個字符縮進太難看了。

1、setting配置

打開vscode，文件——>首選項——>設置

配置Editor: Detect Indentation?原因：編輯器打開后縮進以tabSize為主，不需要在其他地方修改

如果重啟后打開文件還不生效縮進4字符，請看第二步。

2、文件.editorconfig配置

在項目根目錄新增.editorconfig文件，內容如下

注釋：此文件會把遠程倉庫縮進修改為4字符，這樣和本地編輯器vscode縮進基本保持一致，當打開之前修改好的縮進4字符文件內容時，就會完美展現(xiàn)了。

3、臨時配置縮進4字符

選擇4已配置制表符大小，就會看到空格：4，右鍵格式化文檔就可以得到縮進4字符的文件內容了。