【Visual Studio Code】拡張機能のindent-rainbowの紹介とインストールするやり方を解説します

Visual Studio Code

こんにちは。たいら(@tairaengineer2)です。
転職を繰り返し現在4社経験している、10年目エンジニアです。

この記事ではVisual Studio Codeで拡張機能の1つのindent-rainbowの紹介と、インストールする方法を解説します。

indent-rainbowとは

indent-rainbowとは、インデントに色がついてこのネストがどこと同じなのか?が視認できるようになるとても便利な拡張機能です。
公式サイトは以下をご覧ください。

indent-rainbowを使うと、下画像のように

インデントごとに色がつき分かりやすいので、プログラムを書く効率アップにつながります!

前提:私がindent-rainbowをインストールした日

次の章からindent-rainbowのインストールを解説します。
なお、ここで紹介している情報は2021年2月26日現在の情報です。
日にちが経過している場合は、変更されている可能性があります。
ご注意ください。

Visual Studio Codeのインストールは、こちらの記事をご参考ください。

indent-rainbowをインストールするやり方を解説

indent-rainbowをインストールするやり方を解説します。
Visual Studio Codeを開きます。

左の4つのブロックのマークである【拡張機能】を押します。

拡張機能をインストールできる画面になります。

左上の検索ボックスに

indent

を入力すると、【indent-rainbow】が出てくるので選択します。

うっすらインデントごとに色が付けられているプログラムのアイコンが目印です。
【インストール】ボタンを押します。

すぐインストールが始まります。
表示が【アンインストール】になっていればインストール完了です。

まとめ:indent-rainbowをインストールしてみよう

以上がVisual Studio Codeの拡張機能の1つのindent-rainbowの紹介とインストールするやり方の解説です。

実はインデントの色は変更することができます。
変更のやり方はこちらの記事をご参考ください。

あなたのご参考になったのなら、とても嬉しいです(*´▽`*)
ではでは~(・ω・)ノシ

コメント

タイトルとURLをコピーしました