那是孤独。要怪vcode -js-css-html-formatter。禁用它，并安装HookyQR.beautify。

现在保存你的标签不会被转换。

在你的右下角，有空格: 空间:2

在这里你可以根据你的需要改变缩进: 缩进的选项

默认情况下，Visual Studio Code将根据您打开的文件尝试猜测缩进选项。

你可以通过"editor.detectIndentation": false关闭缩进猜测。

您可以通过以下三个设置轻松自定义:Windows菜单中的文件→首选项→用户设置，Mac菜单中的代码→首选项→设置或⌘，:

// The number of spaces a tab is equal to. This setting is overridden
// based on the file contents when `editor.detectIndentation` is true.
"editor.tabSize": 4,

// Insert spaces when pressing Tab. This setting is overriden
// based on the file contents when `editor.detectIndentation` is true.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces`
// will be detected based on the file contents. Set to false to keep
// the values you've explicitly set, above.
"editor.detectIndentation": false

我运行的是版本1.21，但我认为这也适用于其他版本。

看看屏幕的右下角。您应该看到显示空格或制表符大小的内容。

我的是空格→

点击空格(或Tab-Size) 选择“使用空格缩进”或“使用制表符缩进” 选择所需的空格或制表符数量。

这只适用于每个文档，而不是整个项目。如果你想在项目范围内应用它，你还需要在你的用户设置中添加"editor.detectIndentation": false。

当使用TypeScript时，默认的选项卡宽度总是2，不管它在工具栏中说什么。你必须设置“更漂亮”。tabWidth"在你的用户设置中更改它。

Ctrl + P，输入→用户设置，添加:

"prettier.tabWidth": 4

@ alexo -dima从2015年开始的解决方案将改变所有文件的制表符大小和空格，@Tricky从2016年开始的解决方案似乎只改变当前文件的设置。

截至2017年，我找到了另一种针对每种语言的解决方案。Visual Studio Code没有为Elixir使用合适的标签大小或空间设置，所以我发现我可以更改所有Elixir文件的设置。

我点击状态栏中的语言(在我的例子中是“Elixir”)，选择“Configure 'Elixir' language based settings…”，并编辑Elixir特定的语言设置。我只是复制了“编辑器”。tabSize和编辑器。“insertSpaces”设置从左边的默认设置(我很高兴显示这些设置)，然后在右边修改它们。

它工作得很好，现在所有Elixir语言文件都使用了适当的制表符大小和空间设置。