yuuho.wiki

カオスの欠片を集めて知恵の泉を作る

ユーザ用ツール

サイト用ツール

現在位置: start » tips » vscode
トレース:
tips:vscode:start

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン		前のリビジョン
tips:vscode:start [2024/01/16 01:32] – [未整理メモ] yuuhotips:vscode:start [2026/07/25 18:47] (現在) – [設定ファイル] yuuho
行 152: 行 152:
     "workbench.tree.indent": 16,     "workbench.tree.indent": 16,
     "workbench.startupEditor": "none",     "workbench.startupEditor": "none",
 +    "workbench.colorTheme": "Dark+",
     "extensions.ignoreRecommendations": true,     "extensions.ignoreRecommendations": true,
     "explorer.autoReveal": false     "explorer.autoReveal": false
行 211: 行 212:
 code --folder-uri=vscode-remote://ssh-remote+kamex/path/to/dir code --folder-uri=vscode-remote://ssh-remote+kamex/path/to/dir
 </code> </code>
 +
 +=== ワークスペースを簡単に見分けられるようにする ===
 +
 +  * workspace ごとにタイトルバー(title bar)の色を変えて、リモートなのか(どのサーバーなのか)、ローカルなのかを見分けやすいようにする。
 +  * ウィンドウのタイトルの個所に表示される文字を変える
 +
 +<code javascript hoge.code-workspace>
 +{
 +    "settings": {
 +        "window.title": "LOCAL",
 +        "workbench.colorCustomizations": {
 +            "titleBar.activeBackground" : "#4aa1c4",
 +            "titleBar.activeForeground" : "#003366",
 +            "titleBar.inactiveBackground" : "#4aa1c4",
 +            "titleBar.inactiveForeground" : "#003366",
 +        }
 +    }
 +}
 +</code>
 +
 +色のアイディア
 +  * 水色系 : 背景 #4aa1c4, 文字 #003366
 +  * 紫色系 : 背景 #663399, 文字 #e6e6ff
 +  * 橙色系 : 背景 #ffa500, 文字 #663300
 +
 +
 +
 +=== git の色つけがおかしくなったとき ===
 +
 +色々やってもうまくいかないことがある。
 +
 +workspace 自体を作り直して multi-root をすべて入れ直しても良い。
 +
 +あるいは ''~/.vscode-server/data/User/workspaceStorage'' を消す(バックアップ)してやり直す。
 +
 +
 +=== Syntax Highlighting の色が気になる ===
 +
 +Linux や Windows のデフォルトのカラーパレットと macOS のカラーパレットは違う？
 +環境が変わっても同じ配色で利用したいときは、設定で固定するのが良い。
 +<code javascript settings.json>
 +{
 +    "workbench.colorTheme": "Dark+"
 +}
 +</code>
 +
  
tips/vscode/start.1705368773.txt.gz · 最終更新: 2024/01/16 01:32 by yuuho