4
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

NEXTSCAPEAdvent Calendar 2023

Day 19

Visual Studio2022のおすすめ拡張機能

Last updated at Posted at 2023-12-18

はじめに

この記事は「NEXTSCAPE Advent Calendar 2023」の19日目です。

Visual Studio 2022の拡張機能の中から気に入っているものをいくつか紹介します。
Visual Studioの拡張機能界隈が盛り上がる一助になることを願って、、、

拡張機能紹介

VsVim 2022

みんな大好きVimのキーバインドがVisual Studioでも使えるようになります。Vimや.vimrcについてはここでは解説しないので、ぜひ各自で調べてください。

:vscのあとにVisual Studioのコマンド名を入力するとそのコマンドを実行できます。ということは、ホームディレクトリ直下に配置した.vimrc.vsvimrcに以下のように設定を書くことで、Visual Studioの任意のコマンドにキーを割り当てられます。

.vimrc
nnoremap gd :vsc Edit.GoToDefinition<CR>           "定義へ移動
nnoremap <Leader>r :vsc Debug.Start<CR>            "デバッグの開始
nnoremap sf :vsc Edit.GoToFile<CR>                 "ファイルの検索
nnoremap <C-l> :vsc Window.NextTab<CR>       "次のタブに移動
vnoremap <Up> :vsc Edit.MoveSelectedLinesUP<CR>    "選択行を上に移動

わくわくしませんか?

Solution Colors

下の画像のように、ソリューションごとに色を設定することができます。複数のソリューションを同時に開いて開発を行うときに一瞬で視覚的に識別できるので助かります。

色は自分で選ぶこともできますし、自動で設定させることもできます。ブランチごとに色分けすることも可能みたいです。
image.png

Viasfora

対応する括弧に色を付けたり、キーワードのハイライトをしたり、エディターを見やすくしてくれます。

image.png

Ctrlキーを押すと、カーソル位置の1つ外側の括弧に囲まれた領域がハイライトされます。
image.png

File Differ

ファイル同士の差分を表示します。ソリューション内のファイルとの差分もちろんのこと、ローカルに保存している任意のファイルとの差分や、クリップボードとの中身の差分まで出してくれる優れものです。

もっと活用していきたい拡張機能の一つです。

image.png

MarkDown Editor v2

たまにVisual Studioでマークダウンを編集する機会があるので入れています。とりあえず入れておいて損はないでしょう。

image.png

Color Preview

カラーコードの横にプレビューを表示してくれます。安定の機能です。

image.png

Collapse Level

任意の深さでソースコードをたたむことができます。
image.png

Scroll Tabs

タブ上でマウスホイールを回すことで、タブの複数行表示のON/OFFを瞬時に切り替えられます。

ファイルの開きすぎで見えなくなったファイルを探すとき、少しの間だけタブを複数行表示できて助かります。常に複数行表示をONにしていると邪魔なので、パパっと切り替えられるこの機能がとてもありがたいのです。

複数行表示OFF
image.png

複数行表示ON
image.png

Favorite Documents

お気に入りのファイルを設定できるようになります。お気に入りは、ソリューションごとに設定できるし、全ソリューション共通のグローバルにも設定できます。

私は前述したVsVimの設定ファイルを、いつでもすぐに開けるようにグローバルのお気に入りに登録しています。仕掛中のタスクの関係ファイルをお気に入りに登録しておくのも良いですね。

image.png

Solution Error Visualizer 2022

エラーや警告があるファイルをソリューションエクスプローラー上で目立たせてくれます。VS Codeっぽいですね。

image.png

File Icons

ソリューションエクスプローラーのアイコン画像の種類を増やします。
image.png

Error Helper

エラー一覧に表示されるエラーや警告の説明部分だけをコピー、検索できる機能です。Visual Studioの標準機能の「コピー」だとファイルパスなどの余計な部分までコピーされるんですよね。

「Search Description」をクリックすると検索まで行ってくれます。検索エンジンはGoogle、Bingだけでなく、Ecosia、Stack Overflowも選べます。便利です。

image.png

WakaTime

Visual Studioの作業時間や、その言語・ソリューションごとの内訳が記録されます。分析内容は https://wakatime.com/dashboard から確認できます。例えばこんな感じ。

image.png

ふとしたときに見てみると面白いです。

Output enhancer

出力ウィンドウに色をつけてくれます。エラーは赤文字で、警告は黄色文字で表示されます。

image.png

Open in Visual Studio Code

この拡張子のファイルはVS Codeのほうが編集しやすいなーというときにサクッとVS Codeを開けると嬉しいです。

image.png

おわりに

気になったものがあればぜひ試してみてください。
それでは皆様、よき拡張機能ライフを、、、

4
8
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?