参考にさせていただいたページ
バージョン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 } }