VSCodeの使い方 – テーマの変更と一覧

今回はVisual Studio Codeのテーマについて見ていきたいと思います。
設定自体は簡単なのですが、自分好みを選ぶのに一つずつみていくと比べづらい。

適当に列挙していきます。
今後増えても追従しません。(2020/8/02現在の情報)

導入方法

  1. Visual Studio Codeを起動した際の「配色とテーマ」を選択する

visualstudiocode-theme1

  1. コマンドパレット(Ctrl+Shift+P)→テーマと入力→基本設定:配色テーマを選択

visualstudiocode-theme2

  1. ショートカットキー(Ctrl+K,Ctrl+T)

1~3のどれかで以下を開いて選ぶ

visualstudiocode-theme3

テーマ例(デフォルト)

  1. Light(Visual Studio)

visualstudiocode-theme4

  1. Light+ (default light)

visualstudiocode-theme5

  1. PowerShell ISE

visualstudiocode-theme6

  1. Quiet Light

visualstudiocode-theme7

  1. Solarized Light

visualstudiocode-theme8

  1. Abyss

visualstudiocode-theme9

  1. Dark (Visual Studio)

visualstudiocode-theme10

  1. Dark+ (default dark)

visualstudiocode-theme11

  1. Kimbie Dark

visualstudiocode-theme12

  1. Monokai

visualstudiocode-theme13

  1. Monokai Dimmed

visualstudiocode-theme14

  1. Red

visualstudiocode-theme15

  1. Solarized Dark

visualstudiocode-theme16

  1. Tomorrow Night Blue

visualstudiocode-theme17

  1. High Contrast

visualstudiocode-theme18

テーマ例(拡張)

ここから新しいテーマを入れます。

visualstudiocode-theme19

たくさんあるので、Microsoftが出しているものだけご紹介

  • Markdown Editor

visualstudiocode-theme20

  1. Markdown Editor

visualstudiocode-theme21

  1. Markdown Editor Dark

visualstudiocode-theme22

  1. Markdown Editor Focus

visualstudiocode-theme23

  1. Markdown Editor Yellow

visualstudiocode-theme24

まとめ

僕は基本デフォルトです。一番実績が多いと考えられるので。
他の人と違う設定で不具合に出くわすのが面倒。

おわり


VSCodeの使い方はこの辺にまとめています。
よろしければどうぞ。→ Visual Studio Code

PR

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です