全てのタイプスクリプトファイルに対して、visual studio codeは8スペースの自動インデントを使用します。これは私の好みではちょっと多すぎるのですが、どこで変更できるのかわかりません。
もしかしたら、インデントに関連するものが見つからないので、別の名前で設定できるのかもしれません。
**更新しました。
現在、Prettier code formatterを使用していますが、これは保存時に自動フォーマットすることですべてのフォーマットの問題を解決しています(構文エラーがない場合)。
右下のツールバーには、以下のような項目があります。. この項目をクリックすると、スペースまたはタブを使ってインデントするオプションが表示されます。インデントの種類を選択すると、インデントの大きさを変更するオプションが表示されます。上の例では、インデントは1つのインデントにつき4つのスペース文字に設定されています。インデントの文字としてタブを選択した場合、スペースではなくタブサイズが表示されます。
この設定を個々のファイルではなく、すべてのファイルに適用したい場合は、Editor.Tab Size
とEditor:Tab Size
をオーバーライドしてください。ユーザー設定またはワークスペース設定**で、Editor: Tab Size
およびEditor: Insert Spaces
の設定を必要に応じて上書きしてください。
ユーザー設定またはワークスペース設定を行うには、Preferences -> Settingsにアクセスします。必要に応じて、ユーザーまたはワークスペースタブにいることを確認し、検索バーを使って設定を探します。また、「Editor.Detect Indentation」を無効にすることもできます。この設定は、「エディタ:スペースの挿入」と「エディタ:タブサイズ」で設定した内容を上書きします。この設定を有効にすると、「Editor: Insert Spaces」や「Editor: Tab Size」で設定した内容が上書きされます。
プログラミング言語に基づいてインデントを変更することができます。
1.コマンドパレットを開く(Ctrl+Shift+P)。
2.Preferences。2 Preferences: Configure language specific settings...* (コマンドID: workbench.action.configureLanguageBasedSettings
)
3.プログラミング言語の選択(例:TypeScript
4.このコードを追加します。
"[typescript]":{
エディターのタブサイズを変更します。
}
また、Elliot-J'の回答に加えて、editor.detectIndentation
をfalseにしてみてはいかがでしょうか。
VSCodeは、タブやスペースのインデントパターンが異なるファイルを検出すると、ファイルごとにeditor.tabSize
とeditor.insertSpaces
の設定を上書きします。 この問題は、既存のファイルをプロジェクトに追加した場合や、Angular Cliのようなコードジェネレータを使用してファイルを追加した場合に発生します。 上記の設定は、VSCodeがこのような動作をすることを防ぎます。