[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 非アクティブなタブの文字色


参考

タグ:

vscode
最終更新:2024年03月27日 19:18