Help us understand the problem. What is going on with this article?

インストールするだけで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

ksakiyama134
もっとネットワークの低レイヤがわかるようになりたい
https://github.com/ksakiyama
future
ITを武器とした課題解決型のコンサルティングサービスを提供します
http://future-architect.github.io/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away