VSCodeでカッコの色付けが部分的にうまくいかない問題の対処法

症状

VSCodeでカッコ(ブラケット)の色付けeditor.bracketPairColorization.enabledを有効にしていて、一部はうまく色が対応するが一部はそうもいかず、なぜか赤い開きカッコになっていた
ついでに、対応するカッコへの移動(Ctrl+Shift+\)も変な場所に移動する

原因

不等号記号>,<がカッコとして認識されるため。おそらく、a<bのような式があると閉じカッコ>がないと認識されて周辺のカッコまでバグるのでは

対処法

>,<をカッコとして認識しないようにする
Ctrl+Shift+P>「基本設定: ユーザー設定を開く (JSON)」>setting.jsonのeditor.language.colorizedBracketPairsを以下のように変更

setting.json

    "editor.language.colorizedBracketPairs": [
        [
            "[",
            "]"
        ],
        [
            "(",
            ")"
        ],
        [
            "{",
            "}"
        ],
    ],

HTMLでのみ>,<も対応させたいといった場合は「言語固有の設定」で設定できる

参考リンク