Visual Studio Codeでインデントを見やすくする

1. はじめに

• Visual Studio Codeでインデントを見やすくしたい
• 拡張機能の indent-rainbow を利用せず行いたい

2. 開発環境

• Visual Studio Code
• Windows 11

3. 設定手順

3.1. v基本設定: ユーザー設定を開く (JSON) を開く

3.2. workbench.colorCustomizations を追加する

    "workbench.colorCustomizations": {
        "editorIndentGuide.background1": "#b22222",
        "editorIndentGuide.background2": "#ff4500",
        "editorIndentGuide.background3": "#ffd700",
        "editorIndentGuide.background4": "#228b22",
        "editorIndentGuide.background5": "#000080",
        "editorIndentGuide.background6": "#8b008b",
        "editorIndentGuide.activeBackground1": "#fff",
        "editorIndentGuide.activeBackground2": "#fff",
        "editorIndentGuide.activeBackground3": "#fff",
        "editorIndentGuide.activeBackground4": "#fff",
        "editorIndentGuide.activeBackground5": "#fff",
        "editorIndentGuide.activeBackground6": "#fff",
        "editorWhitespace.foreground": "#393A3D"
    },

4. 設定後

5. 参考文献