[VSCODE][Extensions] vscode-workspace-switcher
目的・機能概要
フォルダ(ワークスペース)を切替える
料金
無料
ライセンス
GNU GENERAL PUBLIC LICENSE 3
インストール
code --install-extension sadesyllas.vscode-workspace-switcher
または拡張機能マーケットプレイスからインストール
設定
- vscodeのsetting.jsonに設定を追加
"vscodeWorkspaceSwitcher.paths": [
"c:\path\to\dir (ワークスペースの設定ディレクトリ先を指定)"
]
ワークスペースのフルパス
ワークスペースを開いたときの
VSCodeの色設定
{
"folders":[
{
"path":"(フォルダのパス)"
}
],
"settings":{
"workbench.colorCustomizations":{
"activityBarBadge.background":"#4aa1c4",
"activityBar.background":"#4aa1c4",
"activityBar.foreground":"#000000"
}
}
}
VSCodeの色設定
46項目にも及ぶため、せいぜい以下3点に留めたほうが管理しやすい。
(それ以外は好みで)
- 通知バッジの背景色
- アクティビティバーの背景色
- アイコンの色
全設定の詳細は以下の通り。
| editor.background |
エディタの背景色 |
| editor.foreground |
エディタの前景色 |
| editorGroup.border |
複数のエディタを横に並べた時の境界線の色 |
| editorLineNumber.foreground |
エディタの行番号の色 |
| editor.selectionBackground |
エディタカーソルの背景色 |
| errorForeground |
エラーメッセージの全体的な前景色 |
| ----- |
ボタン、バッジ |
| button.background |
ボタンの背景色 |
| badge.background |
バッジ(検索結果とかで数字が表示されるやつ)の背景色 |
| ----- |
入力制御 |
| input.background |
入力ボックスの背景 |
| input.border |
入力ボックスの枠線 |
| input.placeholderForeground |
プレースホルダ |
| ----- |
スクロールバー |
| scrollbarSlider.background |
スクロールバー背景色 |
| scrollbarSlider.hoverBackground |
ホバー時のスクロールバー背景色 |
| ----- |
下のステータスバー |
| statusBar.background |
ワークスペースが開いていない時のステータスバー背景色 |
| statusBar.foreground |
ワークスペースが開いていない時のステータスバー前景色 |
| statusBar.noFolderBackground |
フォルダーが開いていない時のステータスバー背景色 |
| statusBar.debuggingBackground |
プログラムをデバッグしている時の背景色 |
| statusBar.border |
ステータスバーの枠線 |
| statusBarItem.prominentBackground |
ステータスバー内で目立たせる項目に対する背景色 |
| ----- |
エクスプローラのリストやツリー |
| list.activeSelectionBackground |
選択された項目のリスト/ツリー背景色 |
| list.hoverBackground |
ホバー時のリスト/ツリーの背景 |
| list.invalidItemForeground |
無効な項目のリスト/ツリーの文字色 |
| ----- |
アクティビティバー(左端または右端にあるバー) |
| activityBar.background |
アクティビティバーの背景色 |
| activityBar.foreground |
アイコンの色 |
| activityBar.border |
アクティビティバーとサイドバーの境界線の色 |
| activityBarBadge.background |
通知バッジの背景色 |
| activityBarBadge.foreground |
通知バッジの文字色 |
| ----- |
サイドバー(エクスプローラや検索のようなビュー) |
| sideBar.background |
サイドバーの背景色 |
| sideBar.foreground |
サイドバーの文字色 |
| sideBar.border |
サイドバーとエディターの境界線の色 |
| sideBarTitle.foreground |
サイドバータイトルの前景色 |
| ----- |
タブ |
| editorGroupHeader.tabsBackground |
タブの背景色 |
| tab.activeBackground |
アクティブなタブの背景色 |
| tab.activeForeground |
アクティブなタブの文字色 |
| tab.border |
タブを区切るための境界線 |
| tab.activeBorder |
アクティブなタブの下の線 |
| tab.inactiveBackground |
非アクティブな色の背景色 |
| tab.inactiveForeground |
非アクティブなタブの文字色 |
参考
最終更新:2024年03月27日 19:18