Visual Studio Code (vscode) 中文件扩展名的自动缩进规则？

有没有办法告诉 Visual Studio Code 对给定的文件扩展名应用特定的自动缩进规则？我们当前的settings.json 文件是：

{
    "editor.tabSize": 4,
    "editor.insertSpaces": true,
    "files.associations": {
        "**/src/**/*.js": "javascriptreact"
    }
}

我确实尝试了以下方法，但它对我不起作用：

{
    "files.associations": {
        "**/src/**/*.js": "javascriptreact",
        "package.json": "json"
    },
    "[javascriptreact]": {
        "editor.insertSpaces": true,
        "editor.tabSize": 4
    },
    "[json]": {
        "editor.insertSpaces": true,
        "editor.tabSize": 2
    }
}

我做了实验[*.json]，但这也不起作用。

我正在使用 Visual Studio Code 1.15.0。

[为了简单起见，我将把各种解决方案放入答案中。]

vscode 有一个方便的编辑方式特定于语言的编辑器设置 https://code.visualstudio.com/docs/getstarted/settings#_language-specific-editor-settings.

Ctrl-Shift-P：首选项：配置语言特定设置...

并选择您的语言。选择“JavaScript React”将打开并在 settings.json 文件中创建一个条目，您可以在其中添加 JavaScript React 特定编辑器设置，例如用于选项卡的空格数。

但奇怪的是，新的设置条目会附加到文件末尾，而文件不会自动滚动到该点。因此，滚动到 settings.json 文件的末尾以查找新的特定于语言的条目。您可以将以下内容放入其中：

 "[json]": {
    "editor.detectIndentation": false,
    "editor.tabSize": 4,
    "editor.insertSpaces": true
 }

注意“编辑器：检测缩进”默认为 true，因此您必须将其更改为false让 tabSize 和 insertSpaces 产生任何效果。在 settings.json 文件中进行上述更改将立即显示它正在该 json 文件中运行（请参阅编辑器右下角的 Spaces: # 项）。

但是，这些设置不会更改文件中现有的间距，但新选项卡将反映您的更改...

Unless您有一个冲突的扩展，它设置了相同的编辑器设置。我知道“更漂亮”的扩展会这样做。 OP @Andre M 报告说扩展名“beautify”也与制表符的空格冲突。