一直以來寫代碼都喜歡四格縮進，因為覺得四格縮進代碼層次更明顯，可讀性更好。代碼的美觀，讓人心情愉悅不是嗎 ：）
但是 VUE 腳手架生成的代碼風格都是兩格縮進的，開發中很不習慣，格式化之后呢，還是兩格縮進，因此想通過格式化之后自動將其變為四格縮進，所以一起來將Vs Code設置為四格縮進吧…
步驟一
通過設置菜單 或者 快捷鍵 【Ctrl+,】 打開 Vs Code 的設置面板，將通用設置【Commonly Used】中的 【Tab Size】改為：4
步驟二
如果你使用的是Vue開發框架，並且你使用的是 【Vetur】插件，那么在設置中找到插件【Vetur】，並把它的 【Tab Size】 改為：4
如果不是用的Vetur插件，請直接忽略此步驟
步驟三
通常來說通過上面兩步，已經可以實現 Tab 縮進四個空格了，但是，如果原先的項目文件是兩個空格縮進的話，你格式化之后可能依舊會是兩個縮進空格，那么此時就要進行第三步設置。找到 【Text Editor】下的 【Detect Indentation】選項，然后將此選項的勾選去掉。
這個選項是什么意思呢？
1 - 如果你勾選的話，那么 Tab Size 則會根據當前文件的內容自動判斷是兩格縮進還是四格縮進，原先是縮進兩格，那么格式化后還是縮進兩格，原先是縮進四格，那么格式化后還是縮進四格，也就是說會忽略我們的設置選項。
2 - 如果去掉勾選，那么就應用我們的設置選項，忽略原先的文本內容，管你是兩格還是四格，統統按照我們設置的來。
轉載 https://zhuanlan.zhihu.com/p/456275765