VSCodeをAndroidStudio風にしてみた話

2917 ワード
環境設定 AndroidStudio IDE VSCode エディタ IDE テキストリンク

はじめに

　AndroidStudioに目が慣れたせいかVSCodeのデフォルトのデザインがイケてないなと感じるようになりました。そこでVSCodeをできるだけAndroidStudioっぽくしてイケイケな感じにしてみました。（決してVSCodeをdisってるわけじゃないです！むしろVSCode大好き！神！最高！）

手順１　テーマを選ぶ

　まずAndroidStudioっぽいテーマがないか探してみたところVSCodeのテーマデザインまとめページがあったので見てみることに。

目に優しそうなホワイト系のテーマは長い間パソコンに向かって作業する人にとってうれしい…

ページを見ているとAndroidStudioっぽいテーマが！

赤い丸で囲ったところからVSCodeに飛んで適用します。
適用したらこんな感じになりました。


一応それっぽい見た目になりましたが文字がダサい…
ってことでフォント周りの設定をしていきます。

手順２　Setting.jsonをいじる

まずフォントサイズをAndroidStudioのものに合わせます。

settings.json
"editor.fontSize": 12.5

次にボールドの主張が激しいのでそこを抑えてみます。

settings.json
"editor.fontWeight": "100"

さらにフォントがやぼったいのでMSゴシックに変えてみます。

settings.json
"editor.fontFamily": "MS Gothic"

これらの設定を適用したらこんな感じになりました！

実家のような安心感…

どうしてもボールド解除の仕方がわからなかったのでもし知ってる人いたら教えていただけると嬉しいです！（ボールドのサイズは100からしか選べなかったので多分そういう仕様？）

おわりに

AndroisStudioに慣れすぎて「VSCode使えない～・・・ウズウズ・・・」っていう自分と同じ境遇の人（多分いないけど）を救いたいと思い記事にしました。

快適なVSCodeライフを！