🐙

Visual Studio 2022 を最高にする設定たち。

2022/08/03に公開

背景

Visual Studioを入れてC++を書こうとしたのですが、デフォルトの見た目があまりにも汚かったのでカスタマイズしました。
このガイドに従って設定すれば、Visual Studioは最高のIDEになります。
ただCLionの方がどう考えても使いやすいので13000円の余剰金がある人はCLionの年間ライセンス買いましょう

目次

まず設定をいじろう

テキストがダサいのを直そう

まず、デフォルトのVSはテキストのレンダリングがクソです。どのフォントを入れてもガリガリになってしまいます。これを直しましょう。
Tools->Options->Text Editor->Advancedの中の、Text formatting methodText rendering methodをそれぞれIdealとClearTypeに設定しましょう。
無題.png
これだけで、フォントが劇的にいい感じになります。マジで大事ですこれ。
あと、オプションのEnvironment->Fonts and Colorsから自分が好きなフォントに変えましょう。僕は今Hackというフォントを使用しています。また一番上のShow settings forというドロップダウンメニューからOutput Windowを選択し、フォントを指定することで、ビルドメッセージやエラーメッセージが表示される画面のフォントを変更することができるのでこれも忘れずにやっておきましょう。

ミニマップを表示しよう

ミニマップとは、画面の右側にファイル全体のコードをコンパクトにプレビュー表示する機能ですね。これも必須ですね。


この画像の右に出てるのがミニマップです。カーソルを合わせるとその部分のコードを大きく表示してくれたりします。

Text Editor->All Languages->Scroll Barsを開いて、Behaviorを画像のように設定してください。

細かい設定

Environment->Tabs and WindowsのColorize document tabs by Projectにチェックを入れましょう。現在開いているタブに色がつきます。

拡張機能を入れよう

Dark Transparency Theme

テーマを入れるのですが、ここではDark Transparency Themeというテーマを入れます。これと、次の項目で入れるClaudiaIDEをセットで使うことによって画面のすべての部分に綺麗背景画像が適用されるようになります。
このテーマはデフォルトで入っている、Dark Themeと全く同じなのですが、ソリューションエクスプローラーや上部メニューの箇所がなんと透明になっているというものです。
Extensions->Manage Extensions からDark Transparency Themeと検索しダウンロードしましょう。再起動でインストールできるようになります。
dtt
これをそのまま使ってもいいのですが、僕は個人的にMonokai proテーマが好きなので、エディターの色だけMonokai proに変えます。
以下のリンクのvssettingsを適用すると、透明なMonokai proテーマを疑似的に作ることができます。
https://zenn.dev/link/comments/ccf32b55f4275d

背景に画像を透過表示できるようにしよう

ClaudiaIDEと呼ばれる拡張機能を入れることで、背景画像を設定できるようになります。
claudia.png
上述した方法で拡張機能をインストールしてください。その後、オプションからClaudiaIDEへ行き、以下の画像のように設定してください。
Opacity(透明度)とFile Pathは各自設定してください。
claudiaIDE

さきほどのテーマと相まって、こんな感じに画面全体に背景画像が適用されます!
bg

括弧の色をペアごとに色付けしよう

これはそこまで必須化といわれるとそうでもない気もします。

Viasforaと呼ばれる、いわゆるBracket Pair Colorizer みたいな拡張機能があるので入れてください。
viasfosa.png
デフォルトだと括弧の色が下品になるので、オプションのViasfora->Rainbow Bracesのlevel1~9の色を好みに設定してください。
ちなみに僕のはこんな感じです
rb.png

ファイル保存時に自動フォーマットしてもらおう

Format document on Saveという拡張機能を入れると、編集中のファイルを保存したタイミングで自動でコードを整形してくれます。マストで入れましょう。
fdos.png

Vimの拡張機能を入れよう

VsVimという拡張機能を入れることで、Vimをエミュレートできます。これは完全にオプショナルですが、僕はVimが好きなので入れてます。
Windowsの%userprofile%ディレクトリに.vsvimrcというファイルを作ればVsVim用のvimrcとして動作してくれます。
vsvim.png
また、そのままではノーマルモードのカーソルが真っ黒で違和感があるので、VsVim->DefaultsのBlock Caret BackgroundをWhiteとかに変えてください。
加えて、デフォルトだとインテリセンス候補を<Ctrl-p> <Ctrl-n>で移動できません。 Environment->Keyboard から、Edit.LineUpにCtrl-pを、Edit.LineDownにCtrl-nを割り振りましょう。また、もしかしたらNewFileにCtrl-nがすでに割り振られている場合はそちらをremoveする必要があるかもしれません。
image.png

Resharperを入れよう

Jetbrainsから出ているResharperというプラグインですが、これはとてもいいです。visual studio overhaulって感じのプロダクトで、エラー表示や修正アドバイス、フォーマットやIDEの軽量化などデフォルトでカバーしきれていない部分をよりよくしてくれるプラグインです。
デフォルトだとC#で、インストール時にC++用のものを入れることでC++に対応させることができます。
パフォーマンスチューニングや、Inlay Hint(パラメーターヒント)など便利です。
Jetbrains製品なので有料です。参考記事貼っておきますね
参考:

resharper入れたら、ReSharper Usage of element under cursorの色を変えましょう。気持ち悪いので

完成

おめでとうございます!これであなたのVisual Studioも素敵なIDEに大変身を遂げましたね!
Visual Studioは本当にデフォルトの見た目があり得ないですが、とても使い勝手が良いIDEです。僕もしばらく見た目が理由でCLionやVScodeなどを使っていました。なので見た目を理由に嫌煙してる人たちがこれを見て少しでも使用を検討してくれることを願っています。

他の方のVisual Studioの記事

よさそうなやつを見つけたら貼って行きます。ぜひ見てください。

https://zenn.dev/reputeless/articles/cpp-vs2022-tips

Discussion