はじめに
私は普段、開発でVS Codeをよく使っています。
(Webアプリケーションの開発や、Pythonの開発など)
とても軽量でありながら必要な機能をきちんと備えており、とてもお気に入りです?
今回は、VS Codeのミニマップのカスタマイズについてまとめました。
WindowsとMacの両方で動作確認をしました。
他にも私のブログで、VS Codeについて解説している記事がありますのでご覧ください。
VS Codeのインストール方法は、以下の記事にまとめましたのでご覧ください。
VS Codeのオススメ設定や拡張機能などは、以下の記事にまとめました。
ミニマップの位置を左に表示
ミニマップとは、ソース全体の概要を見渡せる機能です。
個人的には右端よりは、左側にあった方が視線の移動が少なくて良いと思います。
VS Codeの設定画面より、「editor.minimap.side」と検索します。
「left」に設定しました。
左側に表示されました。
ミニマップの表示領域(スライダー)を常に表示
ミニマップにマウスオーバーすると、現在の表示領域(スライダー)が分かります。
マウス非オーバー時
マウスオーバー時
表示領域がグレーで表示されますね。
マウスオーバーしなくても確認したいので、常に表示するようにします。
設定画面より、「editor.minimap.show」と検索します。
「always」に設定しました。
これでマウスオーバーしなくても、現在の表示領域が分かるようになりました。
非表示にする
ミニマップがもし不要であれば、非表示にすることができます。
設定画面より、「Minimap: Enabled」と検索します。
チェックを外すことにより非表示にすることができます。
完全に非表示にすることができます。
もし自動的に非表示にし、マウスオーバーで表示したい場合は「Minimap: Autohide」の設定にチェックを入れます。
通常時は表示されません。
マウスオーバーで表示されました。
ミニマップの文字を大きくする
「Minimap: Scale」の設定を変更します。
1から3まで設定できます。
標準の1の場合は以下のような表示です。
3を設定すると以下のような表示になりました。
他
他にも「テキスト エディター > ミニマップ」でミニマップの設定を変更できます。
さいごに
VS Codeはそれほど細かい設定をしなくても使えるのですが、自分好みの設定にすると更に便利になりますね！
設定も色々できますし、拡張機能も豊富にありますので、とてもオススメです?
もし他にもオススメの拡張機能や設定がありましたら、コメントいただけますと嬉しいです。
また他にも私のブログで、VS Codeについて解説している記事がありますのでご覧ください。
コメント