Vs Code設定 Tab 縮排為4個空格

一直以來寫**都喜歡四格縮排，因為覺得四格縮排**層次更明顯，可讀性更好。**的美觀，讓人心情愉悅不是嗎：）

但是 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 - 如果去掉勾選，那麼就應用我們的設定選項，忽略原先的文字內容，管你是兩格還是四格，統統按照我們設定的來。