VSCodeをIDE化する方法

# はじめに

`.NET` 関連での開発をする場合は、基本的に `Visual Studio` を利用すると思います。
しかし `Visual Studio` はポータブルな環境ではないため、Windows と Mac / Linux とを行き来している人からするとツライものがあります。
これは裏を返せば `Visual Studio` が非常に優秀な IDE だということなのですが、いかんせん Windows 以外で利用できないのが残念なところです。

// `Visual Studio for Mac` はまだまだ発展途上なので `Visual Studio` に追いつくのは遠そうですし...。

そこで今回は `Visual Studio Code` でなるべく `.NET開発` が快適にできるように `Extensions` でがんばれるところまでがんばるためのものを紹介したいと思います。


# 拡張機能

## `C#`

`C#` で開発する場合はもちろん、`F#` で開発する場合にも必須の拡張機能です。
※ **[使い方](https://zenn.dev/midoliy/articles/9e3cff958ff89ba151de)**

![スクリーンショット 2020-09-14 19.03.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/be51e05c-e255-4c41-7be4-072ddacd6cc5.png)

## `Ionide-fsharp`

`F#` で開発する場合にはほぼ必須の拡張機能です。
※ **[使い方](https://qiita.com/Midoliy/items/1aee06ada5c0081c49d1)**
![スクリーンショット 2020-09-14 19.03.47.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/c3fb02a7-9838-833a-7023-f83b0cca268f.png)

## `Bookmarks`

`Visual Studio` でお馴染みの Bookmark 機能を実現するための拡張機能です。

![スクリーンショット 2020-09-14 19.08.48.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/1a9e4628-44b0-e467-8d69-53f376d9d566.png)

## `Todo Tree`

`Visual Studio` でお馴染みの TODO 機能を実現するための拡張機能です。

![スクリーンショット 2020-09-14 19.10.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/603f3561-2a89-9ec0-52b0-d06f5b633b87.png)

## `.NET Core Test Explorer`

テストプロジェクトを実行・管理するための拡張機能です。
※ **[使い方](https://qiita.com/Midoliy/items/29abc75c296d8cce7137)**

![スクリーンショット 2020-09-14 19.11.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/44e55bf8-56db-ccdb-b94d-a5c83b37b1ae.png)

## `GitLens`

`Git` の履歴なんかをいい感じに見せてくれる拡張機能です。

![スクリーンショット 2020-09-14 19.12.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/1320c8c7-a095-5277-c1b2-02064961e2a8.png)

## `Git Graph`

`Git` のブランチをいい感じに見せてくれる拡張機能です。

![スクリーンショット 2020-09-14 19.14.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/31d71eba-81fb-27bb-db9d-f78b7851b5e1.png)

## `Rainbow Brackets`

対応するカッコに色を付けてくれる拡張機能です。
`Bracket Pair Colorizer` の方が有名ですが、' がついている変数や関数を用いた場合に正しく色がついてくれません。
`Rainbow　Brackets` はいい感じにちゃんと色がついてくれるのでおすすめです。

![スクリーンショット 2020-09-14 19.16.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/0befccb5-5055-f5a6-e304-3b1377f45211.png)

# おまけ

## `REST Client`

`VSCode` を REST クライアント化してくれる拡張機能です。

![スクリーンショット 2020-09-14 19.20.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/caaf6ba1-b958-54f2-ecfa-773b3019b625.png)

## `SQLTools`

`VSCode` を SQL クライアント化してくれる拡張機能です。
※ **[使い方](https://qiita.com/Midoliy/items/0b254d91aa93763db11a)**

![スクリーンショット 2020-09-14 19.21.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/e066741d-e930-0b7b-b8af-1a4c06bff067.png)

## `Swagger Viewer`

`Swagger` の Yaml 記法を使っていい感じに API 仕様書を書けるようになる拡張機能です。

![スクリーンショット 2020-09-14 19.22.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/6fa53034-8ef6-eff8-44ce-aefb18539814.png)

## `Draw.io Integration`

`UML` や `DFD` などの各種ダイアグラムを GUI で書けるようになる拡張機能です。
![スクリーンショット 2020-09-14 19.25.04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/d3c5d1cd-a1aa-7f79-afef-aa570b21be6c.png)

## `Azure Tools`

Azure系拡張機能の欲張りセット。

![スクリーンショット 2020-09-14 19.26.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/125601/8553d03d-8e43-2715-005c-380f74ac98ff.png)


# おわりに

TODO として今後時間があるときにここで紹介した拡張機能の使い方を簡単に紹介する章を追加しようと思います。