Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

Visual Studio Code バージョン1.65.2の検索フィールドを下部に移動する(Visual Studio Codeの設定変更)

参考にさせていただいたページ

バージョン1.65.2以降の場合

どのバージョンからなのかわかりませんが、ドラッグすると移動できます。

  • まずメニューから「View > Debug Console」とか「View > Termial」を選択して、下部のツールを表示させます。
  • サイドバーに表示されている検索アイコンをドラッグして、「PROBLEMS | OUTPUT | DEBUG CONSOLE | TERMINAL」と表示されているところに移動します。

旧バージョンの場合

旧バージョンでは、settings.jsonに記述して変更していました。

settings.jsonを開く

メニューから開く

  • 上部のメニューから「Code > Preferences > Settings」を選択してSettingsを開きます。
  • 右上のファイルアイコンをクリックすると、settings.jsonが開きます。

直接探すことは無いと思いますが、格納先

お使いの環境によって格納先が異なります。

  • Windows: %APPDATA%\Code\User\settings.json (C:\Users\ユーザー名\AppData\Roaming\Code\User\settings.json
  • Mac: $HOME/Library/Application Support/Code/User/settings.json
  • Linux: $HOME/.config/Code/User/settings.json

settings.jsonを編集する

以下のように記述すると検索フィールドは下部に移動できます。

"search.location": "panel",

以下のようにすると検索フィールドは左に移動できます。

"search.location": "left",

settings.jsonサンプル その1

{
    "window.zoomLevel": 0,
    "editor.fontFamily": "Ricty Diminished",
    "editor.tabSize": 2,
    "editor.renderWhitespace": "all",
    "editor.wordWrap": "on",
    "editor.fontSize": 16,
    "emmet.includeLanguages": {
        "erb": "html",
    },
    "workbench.editor.labelFormat": "short",
    "javascript.updateImportsOnFileMove.enabled": "always"
}

settings.jsonサンプル その2

{
  "window.zoomLevel": 0,
  "editor.fontFamily": "Cica",
  "editor.tabSize": 2,
  "editor.renderWhitespace": "all",
  "editor.wordWrap": "on",
  "editor.fontSize": 16,
  "emmet.includeLanguages": {
    "erb": "html"
  },
  "workbench.editor.labelFormat": "short",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "typescript.updateImportsOnFileMove.enabled": "always",
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,
  // ESLintに対応しているファイルは保存時にESLintによるフォーマットを行う
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.stylelint": true
  },
  "editor.formatOnSave": false,
  "eslint.packageManager": "yarn",
  "typescript.enablePromptUseWorkspaceTsdk": true,
  "typescript.tsdk": "./node_modules/typescript/lib",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[graphql]": {
    "editor.formatOnSave": true
  },
  "[javascript]": {
    "editor.formatOnSave": true
  },
  "[javascriptreact]": {
    "editor.formatOnSave": true
  },
  "[json]": {
    "editor.formatOnSave": true
  },
  "[typescript]": {
    "editor.formatOnSave": true
  },
  "[typescriptreact]": {
    "editor.formatOnSave": true
  }
}