aptで入れてしまうのが楽．

sudo apt-get install curl
curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
sudo mv microsoft.gpg /etc/apt/trusted.gpg.d/microsoft.gpg
sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'
 
sudo apt-get update
sudo apt-get install code

brew install visual-studio-code --cask

settings.jsonというファイルで設定が管理されている．
インストールした最初の状態ではsettings.jsonは生成されていない．

場所はそれぞれのOSごとに違う．

テキストの行頭にあるインデントがタブなのか空白なのかひと目でわかると便利なので設定する．
setting.jsonに以下を追加．

"editor.renderWhitespace": "boundary"

改行文字が\rなのか\nなのかわかると便利．
VSCodeはコマンドラインからプラグインをインストールする機能もあるので適当にシェルスクリプトを作って一括インストールできるようにしておくと良い．

code --install-extension sohamkamani.code-eol

初期設定の改行文字の色があまりよくないのでsettings.jsonに以下を追加

"code-eol.color":"#666"

デフォルトで表示されている左側にあるactivity barはデカくて邪魔なので，
機能を下のStatus Barのところに移して削除すると良い．

activitus barというプラグインをインストールする．

code --install-extension Gruntfuggly.activitusbar

setting.jsonに以下を追加．

"workbench.activityBar.visible": false

プログラムの横幅が大きくならないように特定の行に縦線を入れて目印をつけておくと便利．
(PythonではPEP8などのコーディングルールによって「1行は80文字未満になるようにするべき」と定められている．)

setting.jsonに以下のように追加．(80行目，100行目，120行目に縦線が入る)

"editor.rulers": [ 80,100,120 ],

デフォルトの設定ではインデントが浅くて視認性が低い．
setting.jsonに以下のように記述．

"workbench.tree.indent": 16

エディタの右側にファイルの全体が小さく表示された場所(ミニマップ)がある．
ファイルのどのあたりを編集しているかひと目でわかるので便利だが，
見なくてもいい時間も多いのでショートカットキーなどで表示非表示を切り替えられると便利．

keybindings.jsonに以下のように記述．
(OSによって初期設定のショートカットキーが多少違うため他の設定と衝突する可能性がある．
以下の設定はUbuntuでは衝突しなかった．)

{
    "key": "ctrl+alt+a",
    "command": "editor.action.toggleMinimap"
}

touchやmkdir，cp，mvなどでファイルを操作したときにVSCode側でファイルの変更を検知しないことが多いので
Explorerの更新を行う操作をキーボード・ショートカットとして用意する．
初期設定のショートカットと衝突するが，特に使わない機能であったので
この操作を行うように変更する．keybindings.jsonに以下を記述．

 {   "key": "ctrl+r", "command": "-workbench.action.openRecent"   },
 {   "key": "ctrl+r", "command": "-workbench.action.reloadWindow",    "when": "isDevelopment"     },
 {   "key": "ctrl+r", "command": "-workbench.action.quickOpenNavigateNextInRecentFilesPicker",    "when": "inQuickOpen && inRecentFilesPicker"},
 {
     "key": "ctrl+r",
     "command": "workbench.files.action.refreshFilesExplorer"
 }

編集するファイルを切り替えるたびに左にあるExplorerのツリーが見ているところではなく編集しているファイルのところに移動してしまって使いづらい．

"explorer.autoReveal": false

explorer の git color highlights が何故か反映されないときがあるので強制的に再起動したい。

linux なら ctrl alt h とかを割り当てとけばよいかと。 mac なら command r でも良さそう。

when を設定するときは true で。

settings.json

{
    "editor.renderWhitespace": "boundary",
    "editor.rulers": [ 80,100,120 ],
    "code-eol.color":"#666",
    "workbench.activityBar.visible": false,
    "editor.minimap.enabled": false,
    "workbench.tree.indent": 16,
    "workbench.startupEditor": "none",
    "extensions.ignoreRecommendations": true,
    "explorer.autoReveal": false
}

keybindings.json

// Place your key bindings in this file to override the defaultsauto[]
[
    {
        "key": "ctrl+alt+a",
        "command": "editor.action.toggleMinimap"
    },
    {   "key": "ctrl+r",            "command": "-workbench.action.openRecent"   },
    {   "key": "ctrl+r",            "command": "-workbench.action.reloadWindow",    "when": "isDevelopment"     },
    {   "key": "ctrl+r",            "command": "-workbench.action.quickOpenNavigateNextInRecentFilesPicker",    "when": "inQuickOpen && inRecentFilesPicker"},
    {
        "key": "ctrl+r",
        "command": "workbench.files.action.refreshFilesExplorer"
    }
]

install_extention.sh

code --install-extension sohamkamani.code-eol
code --install-extension Gruntfuggly.activitusbar
code --install-extension ms-vscode-remote.remote-ssh
 
code --install-extension ms-vscode-remote.vscode-remote-extensionpack

vscode-remote-extensionpack には

• remote-ssh
• remote tunnel
• dev containers
• wsl

が含まれる

• Unable to watch for file changes in this large workspace. Please follow the instructions link to resolve this issue.
  ワークスペースにあるファイルの数が設定の上限に達したときのエラー
  https://qiita.com/neuwell/items/c827c80673de0d787d41

.git フォルダを表示したい。設定に以下を追加。

    "files.exclude": {
        "": true,
        "**/.git": false
    }

code --folder-uri=vscode-remote://ssh-remote+kamex/path/to/dir

• workspace ごとにタイトルバー(title bar)の色を変えて、リモートなのか(どのサーバーなのか)、ローカルなのかを見分けやすいようにする。
• ウィンドウのタイトルの個所に表示される文字を変える

hoge.code-workspace

{
    "settings": {
        "window.title": "LOCAL",
        "workbench.colorCustomizations": {
            "titleBar.activeBackground" : "#4aa1c4",
            "titleBar.activeForeground" : "#003366",
            "titleBar.inactiveBackground" : "#4aa1c4",
            "titleBar.inactiveForeground" : "#003366",
        }
    }
}

色のアイディア

• 水色系 : 背景 #4aa1c4, 文字 #003366
• 紫色系 : 背景 #663399, 文字 #e6e6ff
• 橙色系 : 背景 #ffa500, 文字 #663300