2021.11.2 更新，發現自己的配置有點多余，添加后記。

問題描述

我發現自己新建的 .dart 文件，按 tab 鍵縮進只有 2 個空格（如下圖所示），非常不符合我的編程習慣，于是想把 tab 鍵縮進的空格數改為 4 個。

首次嘗試無果

按照網上的教程，我在設置（快捷鍵 Command + , ）中將 Editor: Tab Size 設置為 4，并且勾選上 Editor: Insert Spaces，以及取消 Editor: Detect Indentation 的勾選。

理論上，完成這些操作已經可以讓 Tab 縮進由制表符轉化為空格，空格個數為 4，并且不基于文件檢測 Editor: Tab Size 和 Editor: Insert Spaces 的設置。但實際上，我新建的 .dart 文件并沒有發生任何變化！！！

再次嘗試無果

后面我又在網上找一種方法，使用快捷鍵 Command + Shift + p ，輸入 Inden Using Spaces，然后將制表符的大小設置為 4，也可以按照下圖進行操作。

這次確實在這個文件中生效了，但是治標不治本，在新建一個文件 .dart 之后問題又卷土重來！

解決方案

在經歷了一段各種重啟都無效的血壓快速上升的階段后，我在設置中看到了所下圖所示內容。Dart 語言的代碼編輯設置需要在 settings.json 文件中單獨設置。

于是，我在 settings.json 文件中新增了如下設置內容。

"[dart]": {// 設定 tabsize"editor.tabSize": 4,// 空格代替制表符"editor.insertSpaces": true,// 不根據文件更改配置"editor.detectIndentation": false }

最終效果

在完成上述設置之后，最終問題得到完美解決，在新建的 .dart 文件中，縮進的效果如下圖所示。

后記

在學習的過程中發現，Flutter 中會有比較多的嵌套內容，如果 tabSize 為 4，會使代碼間的寬距過大。因此，在編輯 dart 語言時 tabSize 設置為 2 才是在視覺上比較合適的，本文就當作增長見識吧。

總結

以上是生活随笔為你收集整理的解决 VSCode 配置 tab 空格数 Dart 语言无效的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。