1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. Visual Studio Code 修改tab空格大小,將預設的4格變2格撰寫網頁時更易閱讀

Visual Studio Code 修改tab空格大小,將預設的4格變2格撰寫網頁時更易閱讀

2021/05/24

梅問題-Visual Studio Code 修改預設tab空格大小,將4格變2格撰寫網頁更易閱讀
  自從開始使用Visual Studio Code的版控功能後,現在使用Visual Studio Code的機會比Sublime Text要來的高,但無論是在Sublime Text還是VS Code,在設定頁面的語言模式,或是Tab的空白幾乎大同小異,同時這兩套預設的Tab空白都是4,對梅干來說Tab空格4的間距有點寬,因此梅干比較習慣使用Tab空格2,雖然VS Code可手動將預設的4變成2,但每當開啟檔案時,都得手動設定就覺得有點小麻煩。

上網爬了相關的教學文章,找半天卻也找不到設定檔,最後研究了一下,終於成功的修改預設值並將它變成2,因此有使用VS Code的朋友,想要修改預設的Tab空白數的朋友,也一塊來看看囉!


Step1
首先開啟VS Code後,點左下角的 齒輪,再選擇 設定
梅問題-Visual Studio Code 修改預設tab空格大小,將4格變2格撰寫網頁更易閱讀
Step2
接著再搜尋框中,輸入tabsize
梅問題-Visual Studio Code 修改預設tab空格大小,將4格變2格撰寫網頁更易閱讀
Step3
再將Tab Size輸入框中的數字,修改成2
梅問題-Visual Studio Code 修改預設tab空格大小,將4格變2格撰寫網頁更易閱讀
Step4
在修改完畢後,不用重啟VS Code剛的設定則立即套用,這時無論是開啟舊檔,還是新檔案,右下的空格就會出現2,如此一來以後就不用手動作調整啦!
梅問題-Visual Studio Code 修改預設tab空格大小,將4格變2格撰寫網頁更易閱讀