15
15

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.

Visual Studio 2019を美しくしよう。

Last updated at Posted at 2021-07-22

Zennに移植しました。内容もこちらが最新です。
https://zenn.dev/s3pt3mb3r/articles/5959f9622a8b6c

前提

Visual Studio 2019をインストールしているものとします。
Visual Studioを入れてC++を書こうとしたのですが、デフォルトの見た目があまりにも汚かったのでカスタマイズしました。これはあくまでメモの役割がほとんどであり、時間をかけたくないため乱雑に、かつ僕の独断と偏見で無責任に書いていきます。よろしくお願いします。

完成した僕のVisual Studioはこんな感じです。
完成.png

まず設定をいじろう

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

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

インテリセンスが先走って誤変換するのを防ごう。

デフォルトのVSだと、高速でタイピングした時に補完が間違ったものに変換されることがよくあります。
例えば僕が実際に経験した例だと、std::coutと高速で打った場合に、stdのあと:を入力した瞬間に、stdsafe_castに補完されます。これを直します。
オプションの、Text Editor->C++->Advancedの真ん中より少ししたくらいにある、Member List Commit AggressiveをFalseにし、続いてUse Tab to commit in Aggressive Member ListもFalseにしましょう。これで誤変換はなくなります。
fsdafgrgr.png

テーマや拡張機能を入れよう。

One Dark Proテーマ

Extensions->Manage Extensions を押して、検索欄に One Dark Proと打ち込みダウンロードしましょう。 無難で最強のダークテーマです。
fds.png
拡張機能を有効にするには一度VSを再起動させる必要があるので注意です。
再起動したら、オプションからEnvironment->Generalに行き、Color ThemeをOne Dark Proにしましょう。
One Dark Proそのままでもいいのですが、僕はなんとなくOne Dark Proのカラースキームがしっくりこなかったので、一部の色を変更しました。オプションのEnvironment->Fonts and ColorsのDisplay itemsから特定の色だけ指定して変えることができます。

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

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

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

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をWhiteSmokeとかに変えてください。
加えて、デフォルトだとインテリセンス候補を で移動できません。 Environment->Keyboard から、Edit.LineUpにCtrl-pを、Edit.LineDownにCtrl-nを割り振りましょう。
image.png

完成

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

15
15
0

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
15
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?