Edited at

インストールするだけでVSCodeをカッコよくする拡張4つ

VSCodeを使い始めました。とりあえずデフォルトをイケてる感じにしたかったので、4つの拡張機能をインストールしました。せっかくなので共有します。

Before
After

Before
After

私と同じVSCode初心者は、とりあえず下記をインストールしておけばOKだと思います!


  1. Dracula Theme

  2. Material Icon Theme

  3. Indent Rainbow

  4. Bracker Pair Colorizer


1. Dracula Theme

まずはこれ。Dracula Themeです。

これを入れればシンタックスハイライトが変わり、かなり雰囲気が良くなります。デフォルトのハイライトだと特別感が少ないので、本当におすすめです。

追記:Dracula以外のおすすめThemeをこちらにまとめています。よかったら見てください。

VSCodeをカッコよくするTheme拡張7つ

GitHub

https://draculatheme.com


2. Material Icon Theme

Material Icon Themeを使うと、ファイルアイコンをマテリアルデザインにできます。プロジェクトビューが柔らかくなりました。

Marketplace

https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme


3. Indent Rainbow

Indent Rainbowをインストールするだけで、インデントレベルごとに背景色が付きます。デフォルトだと縦線ハイライトが付きますが、背景色だとやんわりした感じになります。

Screen Shot 2018-11-04 at 9.51.52.png

Marketplace

https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow


4. Bracket Pair Colorizer

最後はBracket Pair Colorizerです。対応するカッコに縦横線のハイライトを表示してくれます。

bracket.png

Marketplace

https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer


12/1追記