Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
VScodeのサイドバーをカラフルにしてみよう
Search
rakuda3dev
October 02, 2020
How-to & DIY
1
75
VScodeのサイドバーをカラフルにしてみよう
LT_社内業務効率化大会_20200930
rakuda3dev
October 02, 2020
Tweet
Share
Other Decks in How-to & DIY
See All in How-to & DIY
Dirbtinis intelektas dizainerio gyvenime
lekevicius
0
210
GPTsとラズパイ5で監視カメラを作ってみた #iotlt #chatgpt #raspberrypi
n0bisuke2
0
540
中指立てたか判定IoT #iotlt #p5js
n0bisuke2
0
250
GreenPAK 初心者向けハンズオン資料
aoisaya
2
220
【技術カンファレンス運営の裏側】Iwaken Lab 技術好き学生の近況報告 & ことみんさんに技術カンファレンス運営の裏側を聞いちゃう会
kotomin_m
4
1.1k
drumstick_jacket.pdf
lyh125
1
570
우분투한국커뮤니티를 세무서에 단체 등록한 이유 (2023. 12. 10.)
sukso96100
0
140
ライトニングトーク: JAWS-UGが凄いぞ、という小ネタ
awsjcpm
0
130
Earthquake and Kominka
ramtop
0
150
AWSと学生支援 - Education-JAWS #0
awsjcpm
1
110
生成AIとミニ四駆で学ぶ! MATLAB/Simulink
covao
1
190
バーチャルバナナとリアルバナナ #iotlt #TouchDesigner
n0bisuke2
0
120
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
570
jQuery: Nuts, Bolts and Bling
dougneiner
62
7.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Writing Fast Ruby
sferik
628
61k
Being A Developer After 40
akosma
89
590k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
Facilitating Awesome Meetings
lara
51
6.2k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
How STYLIGHT went responsive
nonsquared
96
5.3k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3.1k
How GitHub (no longer) Works
holman
312
140k
Transcript
vscodeのサイドバーを カラフルにしてみよう 2020/09/29 業務改善LT大会 株式会社IBJ 福田修登
こんな人向け • 普段からvscodeのワークスペースを複数開いて作業する方 ◦ 複数のプロジェクトに関わっている方 ◦ 1つのプロジェクトでワークスペースを分割して使っている方 • 黒単色のvscodeに飽きたけどテーマカラーは黒にしたい人(自分はこちら)
設定するとこうなります Before After
設定方法 1. 設定 > ワークスペース > setting.json を開く 2. 下記設定を追加
"settings": { "workbench.colorCustomizations": { "titleBar.activeBackground": "#FFFFFF", // 上のバーの色 "titleBar.activeForeground": "#000000", // 上のバーの文字色 "activityBar.background": "#4BF", // サイドバーの色 "activityBar.foreground": "#FFFFFF" // サイドバーの文字色 },
参考 : 実際のsetting.json
効果・効用 • 好きな色にするとテンションが上がる • プロジェクトが色で見分けられるようになる ◦ 「あのプロジェクトのワークスペースどれだっけ ...?」と迷うことが少なくなる Before After
普段こんな感じで使っています Before After
良きVScodeライフをお送りください