IT知識 PR

VScodeのindent-rainbowでコードを見やすくカラフルにする!

記事内に商品プロモーションを含む場合があります

VScodeの拡張機能「indent-rainbow」って知ってる?

プログラミングをしている人に「使っているテキストエディタは?」と聞くとほとんどの人が、VSCode(Visual Studio Code)と答えるのではないでしょうか??

それだけ使用されているVSCodeの人気の理由は、拡張機能が豊富になることです。

拡張機能がわからない方に簡単に説明すると、スマフォのアプリやWordPressのプラグインみたいなもので、自分が使いたい拡張機能をインストールする事で、VSCodeの機能を強化することができます。

一番メジャーなところで言うと、VSCodeを日本語化するのも拡張機能です。

【動画あり】VSCodeを日本語に変える方法利用者が特に多く、エンジニアからプログラミング初心者にも必須のエディタと言えば、VSCode(Visual Studio Code)。 ...

 

そんなVSCodeの豊富な拡張機能の中から、この記事では「indent-rainbow」を紹介します。

indent-rainbowは、その名の通りインデントをカラフルに装飾してくれるので、インデントが見やすくし、間違いを減らすことが可能です。

indent-rainbowの使い方

それでは、「indent-rainbow」のインストールと使い方について解説していきます。

まずは、indent-rainbowの効果がわかりやすくなるようにサンプルのコードを用意します。

それでは、indent-rainbowをインストールします。
インストールは下記のところから行えます。

上記のボタンをクリックしたら、検索窓が現れるのでそこに「indent-rainbow」と入力します。

そうするとindent-rainbowの拡張機能が出てきますので、インストールしてください!
準備はこれだけです!

インストールすると下記の画像のように、インデントごとにカラフルな装飾がされるので見やすくなります。
なお、インストールしたのに上手く反映されない場合は、一度VSCodeを閉じて、再度立ち上げてみてください。

indent-rainbowの使い方のまとめ

いかがでしたか?

非常に簡単にインストール出来て、コードが見やすくなったと思います。

プログラミングを学習し始めた頃は、インデントを整えることを意識しないかもしれませんが、

学習を進めていくとコードが長くなり、インデントを整えるのが、エラー削減のために重要になってきます。

また、他人が見た時にも見やすくなるので、indent-rainbowを使って、インデントを整える癖を付けましょう。

VSCodeのインデントを整える方法について解説しています。

【時短!】VSCodeでインデントを一瞬で自動整形する方法をわかりやすく解説します! 正直に言って、インデントをいちいち整えるのって少し手間じゃないですか? ただ、インデントを整えることで、コードの可読性が向...

 

「最近、独学での学習に限界を感じてませんか?」

 

私もそうでしたが、独学での学習は非常に効率が悪いですし、稼げるところまで行くのは正直、難しいです。

 

「本当に稼ぎたい!」「絶対に転職してやる!」っと思っているのであれば、しっかりとした講師から教えてもらうべきです。

プログラミンスクール大手のテックキャンプでは、ただいま無料でのカウンセリングを実施しています。
※いつまで実施しているかはわかりません。

ZOOMでのカウンセリングなので、無理な勧誘がありませんし、専門家が非常に親切になんでも相談に乗ってくれます。

無料で受けることができるので、もし、本気でプログラミンをやっていくなら、一度相談してみてくださいね!