Visual Studio Codeの見た目の設定

プロジェクトには関係ない，見た目の設定を好みに調整します．結論は以下の通りです．

User/settings.json

{
    "editor.formatOnSave": true,
    "editor.wordWrap": "on",
    "debug.toolBarLocation": "docked"
}

個別の設定を説明します．引用元はVisual Studio Code User and Workspace Settingsです．

editor.formatOnSave

Format a file on save. A formatter must be available, the file must not be saved after delay, and the editor must not be shutting down.

デフォルトでoffになっているので，onにします．保存するたびにフォーマットされるので便利です．

editor.wordWrap

Controls how lines should wrap.

• off: Lines will never wrap.
• on: Lines will wrap at the viewport width.
• wordWrapColumn: Lines will wrap at editor.wordWrapColumn.
• bounded: Lines will wrap at the minimum of viewport and editor.wordWrapColumn.

エディタを横スクロールするよりは折り返した方が見やすいので，onにします．

debug.toolBarLocation

Controls the location of the debug toolbar. Either floating in all views, docked in the debug view, or hidden.

デバッグモードのツールバーの表示はデフォルトでfloatingになっていますが，これではどこに置いても別の重要なものを隠してしまうので，dockedにします．

Visual Studio Codeはデフォルトでかなりいい感じに設定されているので，これだけ設定すれば十分好みに近づきます．