VSCode 初期設定

インストール

brew install --cask visual-studio-code

設定

• settings.json
  • ~/Library/Application Support/Code/User/settings.json

{
    // Workbench
    "workbench.activityBar.location": "top",
    "workbench.iconTheme": "material-icon-theme",
    "workbench.editor.showTabs": "single",
    "workbench.sideBar.location": "right",
    "workbench.colorCustomizations": {
        // Line number
        "editorLineNumber.activeForeground": "#aaeecc",
        "editorLineNumber.foreground": "#225566", // "#224433",

        // Git signs
        // "editorGutter.addedBackground": "#60aa60",
        // "editorGutter.modifiedBackground": "#668cdd",
        // "editorGutter.deletedBackground": "#ee3300",

        // Status bar
        // "statusBar.background": "#005f87",
        // "statusBar.noFolderBackground": "#005f87",
        // "statusBar.debuggingBackground": "#005f87",
        // "statusBar.foreground": "#ffffff",
        // "statusBar.debuggingForeground": "#ffffff"
    },

    // Editor
    "editor.tabSize": 2,
    "editor.minimap.enabled": false,
    "editor.guides.bracketPairs": true,
    "editor.cursorBlinking": "expand",
    "editor.suggest.insertMode": "replace",
    "editor.stickyScroll.enabled": true,
    "editor.inlineSuggest.enabled": false,

    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true,
    },
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true,
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true,
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true,
    },

    // Extensions
    "extensions.ignoreRecommendations": true,

    // Explorer
    "explorer.compactFolders": false,

    // Terminal
    "terminal.integrated.fontFamily": "MesloLGS NF",

    // Github Copilot
    "github.copilot.enable": {
        "*": true,
        "plaintext": false,
        "markdown": false,
        "scminput": false,
        "typescript": false,
        "javascript": false,
    },

    // Vim
    "vim.hlsearch": true,
    "vim.useSystemClipboard": true,
    "vim.normalModeKeyBindings": [
        {
            "before": ["<C-i>"],
            "commands": ["editor.action.showHover"]
        }
    ],
    "vim.highlightedyank.enable": true,
    "vim.highlightedyank.color": "rgba(153, 204, 51, 0.3)",
    "vim.highlightedyank.textColor": "#ffffff",

    // Vim status bar colors
    "vim.statusBarColorControl": false,

    // "vim.statusBarColors.normal": ["#2d353b", "#9aa79d"],
    // "vim.statusBarColors.insert": ["#BF616A", "#dddddd"],
    // "vim.statusBarColors.visual": ["#B48EAD", "#2d353b"],
    // "vim.statusBarColors.visualline": ["#B48EAD", "#2d353b"],
    // "vim.statusBarColors.visualblock": ["#A3BE8C", "#2d353b"],
    // "vim.statusBarColors.replace": ["#D08770", "#2d353b"],
    // "vim.statusBarColors.commandlineinprogress": ["#007ACC", "#dddddd"],
    // "vim.statusBarColors.searchinprogressmode": ["#007ACC", "#dddddd"],

    // Git
    // "gitlens.ai.model": "vscode",
    // "gitlens.ai.vscode.model": "copilot:gpt-4o-mini",
}

キーバインド

• keybindings.json
  • ~/Library/Application Support/Code/User/keybindings.json

[
  // Quick open
  {
    "key": "ctrl+p",
    "command": "workbench.action.quickOpen",
    "when": "editorFocus"
  },
  {
    "key": "ctrl+p",
    "command": "workbench.action.closeQuickOpen",
    "when": "inQuickOpen"
  },
  {
    "key": "ctrl+j",
    "command": "workbench.action.quickOpenSelectNext",
    "when": "inQuickOpen"
  },
  {
    "key": "ctrl+k",
    "command": "workbench.action.quickOpenSelectPrevious",
    "when": "inQuickOpen"
  },

  // Toggle terminal
  {
    "key": "ctrl+shift+t",
    "command": "workbench.action.terminal.toggleTerminal",
    "when": "terminalFocus"
  },
  {
    "key": "ctrl+shift+t",
    "command": "workbench.action.terminal.toggleTerminal",
    "when": "terminal.active"
  },

  // Toggle activity bar
  {
    "key": "cmd+shift+a",
    "command": "workbench.action.toggleActivityBarVisibility"
  },

  // Toggle sidebar
  {
    "key": "cmd+shift+e",
    "command": "workbench.action.toggleSidebarVisibility",
    "when": "explorerViewletVisible",
  },
  {
    "key": "cmd+shift+f",
    "command": "workbench.action.toggleSidebarVisibility",
    "when": "searchViewletVisible",
  },
  {
    "key": "cmd+shift+g",
    "command": "workbench.view.scm"
  },

  // Select suggestion
  {
    "key": "ctrl+j",
    "command": "selectNextSuggestion",
    "when": "suggestWidgetVisible"
  },
  {
    "key": "ctrl+k",
    "command": "selectPrevSuggestion",
    "when": "suggestWidgetVisible"
  },
]

コマンドパレット（Quick open）

• ドラッグ&ドロップで位置調整

---

以上。