LoginSignup
1
0

More than 3 years have passed since last update.

VSCodeをAndroidStudio風にしてみた話

Last updated at Posted at 2019-09-05

はじめに

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

手順1 テーマを選ぶ

 まずAndroidStudioっぽいテーマがないか探してみたところVSCodeのテーマデザインまとめページがあったので見てみることに。
スクリーンショット (29).png
目に優しそうなホワイト系のテーマは長い間パソコンに向かって作業する人にとってうれしい…

ページを見ているとAndroidStudioっぽいテーマが!
スクリーンショット (30).png
赤い丸で囲ったところからVSCodeに飛んで適用します。
適用したらこんな感じになりました。

スクリーンショット (31).png
一応それっぽい見た目になりましたが文字がダサい…
ってことでフォント周りの設定をしていきます。

手順2 Setting.jsonをいじる

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

settings.json
"editor.fontSize": 12.5

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

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

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

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

これらの設定を適用したらこんな感じになりました!
スクリーンショット (33).png

実家のような安心感…

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

おわりに

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

快適なVSCodeライフを!

1
0
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
1
0