VScodeのサイドバーをカラフルにしてみよう

 VScodeのサイドバーをカラフルにしてみよう

LT_社内業務効率化大会_20200930

003fa6c7bdc7b4716255abc3437ab246?s=128

rakuda3dev

October 02, 2020
Tweet

Transcript

  1. vscodeのサイドバーを カラフルにしてみよう 2020/09/29 業務改善LT大会 株式会社IBJ 福田修登

  2. こんな人向け • 普段からvscodeのワークスペースを複数開いて作業する方 ◦ 複数のプロジェクトに関わっている方 ◦ 1つのプロジェクトでワークスペースを分割して使っている方 • 黒単色のvscodeに飽きたけどテーマカラーは黒にしたい人(自分はこちら)

  3. 設定するとこうなります Before After

  4. 設定方法 1. 設定 > ワークスペース > setting.json を開く 2. 下記設定を追加

    "settings": { "workbench.colorCustomizations": { "titleBar.activeBackground": "#FFFFFF", // 上のバーの色 "titleBar.activeForeground": "#000000", // 上のバーの文字色 "activityBar.background": "#4BF", // サイドバーの色 "activityBar.foreground": "#FFFFFF" // サイドバーの文字色 },
  5. 参考 : 実際のsetting.json

  6. 効果・効用 • 好きな色にするとテンションが上がる • プロジェクトが色で見分けられるようになる ◦ 「あのプロジェクトのワークスペースどれだっけ ...?」と迷うことが少なくなる Before After

  7. 普段こんな感じで使っています Before After

  8. 良きVScodeライフをお送りください