第一步:打开设置。vscode中的Json

步骤2:为编程语言添加如下代码行(示例如下)

用于typescript和javascript

"editor.detectIndentation": false,
"[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features",
        "editor.tabSize": 2,
        "editor.insertSpaces": true,
        "editor.detectIndentation":false
 },
"[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation":false
}

问题:接受的答案实际上没有修复当前文档中的缩进。

解决方案:运行Format Document，根据当前(新)设置重新处理文档。

问题:我的项目中的HTML文档是“Django HTML”而不是“HTML”的类型，没有可用的格式化器。

解决方法:将它们转换为语法“HTML”，格式化它们，然后再切换回“Django HTML”。

问题:HTML格式化器不知道如何处理Django模板标记，并且取消了我精心应用的嵌套。

解决方案:安装Indent 4-2扩展，它严格执行缩进，而不考虑当前的语言语法(这是我在本例中想要的)。

我喜欢这些缩进设置，你可以根据需要修改它们。

你可以打开VScode设置。输入CTRL+SHIFT+P并粘贴到json设置下面

setting.json

"[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features",
    "editor.formatOnSave": true,
    "editor.tabSize": 4,
    "editor.insertSpaces": false,
    "editor.detectIndentation": false,
    "editor.wrappingIndent": "deepIndent", 
    "editor.autoIndent": "full"
},
"[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features",
    "editor.formatOnSave": true,
    "editor.tabSize": 4,
    "editor.insertSpaces": false,
    "editor.detectIndentation": false,
    "editor.wrappingIndent": "deepIndent", 
    "editor.autoIndent": "full"
}

如果你正在使用格式化器，检查tabWidth，这是我的情况下的问题。它表示制表符中使用的空格数。

在右下角的工具栏中，你会看到一个如下所示的项目: 点击它后，你会得到使用空格或制表符缩进的选项。选择缩进类型后，您将可以选择更改缩进的大小。在上面的例子中，缩进被设置为每缩进4个空格字符。如果选择制表符作为缩进字符，那么您将看到制表符大小而不是空格

如果你想让它应用于所有文件，而不是单个文件，那么根据你的需要在用户设置或工作空间设置中覆盖编辑器:标签大小和编辑器:插入空格设置

编辑1

要获得您的用户或工作区设置，请访问首选项->设置。根据您的需要，验证您在“用户”或“工作区”选项卡上，并使用搜索栏定位设置。您可能还想禁用“编辑器:检测缩进”，因为该设置将覆盖您在启用时为“编辑器:插入空格”和“编辑器:制表符大小”设置的内容

第一步:打开设置。vscode中的Json

步骤2:为编程语言添加如下代码行(示例如下)

用于typescript和javascript

"editor.detectIndentation": false,
"[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features",
        "editor.tabSize": 2,
        "editor.insertSpaces": true,
        "editor.detectIndentation":false
 },
"[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation":false
}