エンジニアの将来って?

現在8年目エンジニアがプログラムの解説、ゲームの研究を書く雑記ブログです

【Visual Studio Code】拡張機能のRainbow CSVをインストールするやり方を解説します

こんにちは。たいら(@tairaengineer2)です。

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

スポンサーリンク

 

Rainbow CSVとは

Rainbow CSVとは、csvの1項目ごと色が分けられてcsvをより見やすくできる便利な拡張機能です。

csvをエディタで開いてみると

f:id:Tairax:20200523122354p:plain

ヘッダーとデータの関係性が分かりづらいです。
では、Rainbow CSVをインストールした状態でVisual Studio Codeで開いてみると

f:id:Tairax:20200523122627p:plain

このように色で分かりやすく判別することができます!

大量にcsvデータがあるときは、Rainbow CSVがあると本当便利なのでおすすめです!

前提:私がRainbow CSVをインストールした日

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

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

www.tairax.com

Rainbow CSVをインストールするやり方を解説

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

f:id:Tairax:20200522191228p:plain

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

f:id:Tairax:20200522191525p:plain

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

f:id:Tairax:20200522192319p:plain

左上の検索ボックスに

Rainbow CSV

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

f:id:Tairax:20200523121749p:plain

名前のごとくcsvが虹で表示されているアイコンが目印です。
【Install】ボタンを押します。

f:id:Tairax:20200523121959p:plain

すぐインストールが始まります。
ボタンが緑から青になって、表示が【Uninstall】になっていればインストール完了です!

f:id:Tairax:20200523122112p:plain

 

スポンサーリンク

 

まとめ:csvを扱うならRainbow CSVインストールしてみよう

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

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