今回は、Visual Studio Codeで
インデントを色分けする方法について紹介します。
1. 概要
Visual Studio Code(以下、VSCodeとする)では、
Indent-Rainbowという拡張機能を使うことで、インデントを色分けし、視覚的に見分けやすくすることができます。
Indent-Rainbow
拡張機能なし
拡張機能あり
といった感じにインデントに色分けでき、視覚的にインデントが揃っているかがわかります。
今回は、そんな、
Indent-Rainbow
拡張機能の使い方について解説します。
2. Bracket Pair Colorizerのインストール
以下のようにインストールします
1. 拡張機能のアイコンを選択
2. 「Bracket Pair Colorizer」と検索します。
検索したら、一番上の表示を選択
3.
install
をクリックするとインストールすることができます。
2. Indent-Rainbowの機能
インデントに色分けされるだけではなく、以下のように インデントがずれている箇所においては、赤色で表示 してくれます。
例
Visual Studio Code実践ガイド
 |
