Visual Studioコード（vscode）のファイル拡張子の自動インデント規則？

Question

特定のファイル拡張子に特定の自動インデント規則を適用するように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を使用しています。

Answer 1

[簡単にするために、私は答えに、様々な解決策を出してあげる。]

Vscodeはlanguage-specific editor settingsを編集するための便利な方法があります。

CTR-Shiftキーを押しながらP：初期設定：...言語固有の設定を行い

とあなたの言語を選択しました。 「JavaScript React」を選択するとsettings.jsonファイルにエントリが作成され、タブに使用するスペースの数などjavascript固有のエディタ設定を追加できます。

しかし、奇妙なことに、新しい設定エントリはファイルの最後に追加されますが、ファイルは自動的にそのポイントまでスクロールされません。そのため、settings.jsonファイルの最後までスクロールすると、新しい言語固有のエントリが見つかります。 「エディタ：detectIndentation」という

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

注：tabSizeと、様々な効果を与えるinsertSpacesため偽にそれを変更する必要がありますので、をtrueにデフォルト設定されています。その中に、あなたは次のようなものを置くことができますsettings.jsonファイル内で上記の変更を行うと、そのjsonファイル内で動作していることが直ちに表示されます（エディタの右下にあるSpaces：＃項目を参照）。あなたは同じエディタの設定を設定し、競合する拡張子を持つない限り

しかし、...

をこれらの設定は、ファイル内の既存の間隔は変更されませんが、新しいタブは、あなたの変更が反映されます。私は "きれいな"延長がそうすることを知っていた。 OP @ Andre Mは、拡張機能「美化」もタブのスペースと競合していると報告しています。