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 语言无效的问题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。