VSCode

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

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