Visual Studio Codeのパネルを右側に移動する

245

Visual Studio Codeでは、パネルセクションはデフォルトで下部にあります。どうすれば右側に移動できますか？たとえば、次の画像では、パネル（セクションD）が一番下にありますが、代わりに、右側に移動します。

画像クレジット：（https://code.visualstudio.com/images/codebasics_hero.png）

visual-studio-code vscode-settings

— user2047246
ソース

スクロールバーの背景色は均一ではなく、結果は... ！[ここに画像の説明を入力 ]（i.stack.imgur.com/pTmzS.png）

— MCunha98

4

@dcastroの回答を受け入れるには、この質問を更新する必要があります。現在受け入れられている回答は無効です。

— jmargolisvt

537

2018年10月（バージョン1.29）以降、@ mvvijeshの回答のボタンは存在しなくなりました。

2つのオプションがあります。パネルのツールバーを右クリックし（パネルの他の場所では機能しません）、[パネルを右/下に移動]を選択します。

または、コマンドパレットから[表示：パネル位置の切り替え]を選択します。

ソース：VSCodeアップデートノート：https ://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu

— dcastro
ソース

62

パネルのツールバーで右クリックを実行する必要があることにも言及する価値があります。（他の場所をクリックしても役に立たない。）

— customcommander '20

11

いらいらする。一定の変化。

— 2018年

7

ありがとうございました！これは私を狂わせていました。1.29.1でボタンを削除したのはなぜですか？以前はChromeの開発ツールと一致していましたが、現在はそうではありません。

— colefner

9

@colefnerあなたがマイクロソフト製品を使用していることを思い出させるために：それは壊れていませんが、彼らが一体となって進んでそれを修正することを確信しています。

— mkvlrn

10

@shashwatはい、キーボードショートカットを開いてを検索しworkbench.action.togglePanelPositionます。キーボードショートカットを追加して、前後に切り替えることができます。

— ジェイクバスマン

126

回答を探している人向け（サイドパネルの移動方法）：

押すことができます

ctrl+ ,（またはcmd+ ,OSXの場合）

次のオプションをユーザー設定のJSONファイルに追加します。

"workbench.sideBar.location": "right"

— フォレス
ソース

10

OPは、左側のサイドバーではなく、下部パネルを指します。

— steph643 2017

6

@ steph643 OPは、彼がどのパネルを参照していたかについての件名がはっきりしていませんでした。彼の質問はそれを明確に明らかにしましたが、Googleの検索結果に表示されるのは件名です。この答えは私が持っていた質問への答えでした。答えを探している大衆にとって、それが適切に行われなかったために右利きで近視眼的なmodによって正しい答えが否定されていないことがどこかで見つかるまで、それはGoogleが私たちを鼻で案内していることを忘れがちです注目に立ち、彼らの鋭敏さに敬意を表します。

— hawkeyegold

@forres、パネルをフローティングにして別のモニターに移動することは可能ですか？これは、VSで作業するときの私の通常の設定です-左側のコード、右側のすべてのパネル。サイドバーのアンカー（左/右）を変更しても、表示されるテキストエディターの量は変わりません

— Darius

3

私は@hawkeyegoldに同意します-答えが明らかにOPの意図に答えない一方で、Forresとまったく同じ質問をしているときにこの質問をググった- ワークベンチのサイドバーを移動したいので、それは信じられないほど役に立ちました。どうもありがとう！

— Lundbergによる2018年

2

この回答は混乱を招き、正解を求めて詰まるため、反対票を投じました。著者はPanelサイドパネルではなく、移動方法を尋ねました。正解はステファノに属します："workbench.panel.defaultLocation": "right"

— バラバ

112

MacでVisual Studio Code v1.24.0を使用しています。

デフォルトでは、パネルは下部に表示されます（デフォルトを変更することもできます。@ Forresの回答を参照してください：Visual Studioコードのパネルを右側に移動します）

VSコードパネルの下部/右トグルボタンは次のとおりです。

このボタンをクリックすると、パネルが右に移動します。

ただし、元に戻すのは少し注意が必要です。ご覧のとおり、一部のボタンは非表示になっています。これは、右揃えのパネルの幅が小さすぎるためです。すべてのボタンを表示するには、列を展開する必要があります。

これは、展開時にどのように見えるかです。

ここで、パネルを下に移動する場合は、下/上ボタンをもう一度クリックします。

— mvvijesh
ソース

6

これはとても混乱します。底は隠されているだけで、同じように見える別のものがあります。悪いUX

— Alex Bollbach

1

隠しボタンをありがとうございました：Dそれは本当に私の時間を大幅に節約しました

— ケンブロック

14

コマンドパレットを開いて使用することもできますView: toggle panel position

— protoEvangelion 2018年

33

アイコンがなくなったようです。パネルが下にあるときも、右にあるときもありません。パネルに十分な幅がある場合でも。パネルのヘッダーを右クリックして、右または下に移動する必要があります。嫌だ。

— oyalhi

3

@oyalhi、最新のVisual Studioコード（バージョン1.32.3）での正しい答えは、@ protoEvangelionが言及しているように、「表示->外観->トグルパネルの位置」のようです

— Subhash Bhushan

35

これがここで言及されていない理由はわかりませんが、この設定でうまくいきました：

"workbench.panel.defaultLocation": "right"

— ステファノ
ソース

OPは、ワークベンチパネルではなく、ボトムパネルを指します。ワークベンチパネルには、ファイルエクスプローラーや拡張機能などが含まれています。残念ながら、どちらも呼び出され___ panelているため、混乱が起こりやすくなっています。

— Jason Fry

6

あなたが考えているのは、実際のところだと思いますworkbench.sideBar.location。コメントをコピーするときにめちゃくちゃにならない限り、とにかく、とにかく、横に移動して下に戻す新しいボタンがあることに気づきました。

— Stefano

2

ここでベストアンサー。端末（下）パネルを必要なだけ右に移動しました。正確に要求された操作どおり。ありがとう！

— タイラーデイビス

最初に既存のターミナルを閉じ、CTRL右側に表示するには+ `を実行する必要があります

— Aditya Kresna Permana

10

メニューオプション[表示]-> [サイドバーを右に移動]をクリックします。サイドバーが右に移動すると、[サイドバーを右に移動]オプションが[サイドバーを左に移動]に変わります。

乾杯

これはもう存在しません

— プミランダ

これは、[表示]> [外観]> [サイドバーを右/左に移動]に移動しました

— jkmartindale

10

2019年6月現在、この設定は「パネル」を検索すると見つかります。デフォルトを変更したい場合は、スクリーンショットに示すように、オプションがあります。

— ニッカーズF
ソース

1

JSONの設定は "workbench.panel.defaultLocation"： "right"

— williamli

まさに私が探していたもの！ありがとう。

— Vincent

9

これが誰かを助けることを願っています。

->キーボードショートカットを開く

->「workbench.action.togglePanelPosition」を検索します

->必要なショートカットを割り当てます

キーバインド「cmd + `」を割り当てました

{
  "key": "cmd+`",
  "command": "workbench.action.togglePanelPosition"
}

これで、「cmd + `」を押して端末を切り替えることができます

— sh6210
ソース

osxで奇妙なことに、ターミナルでフォーカスを失います

— Daniel Lizik

7

Visual Studio Code v1.31.1の場合、[表示 ]メニューからパネルセッションを切り替えることができます。

表示メニューに移動します。
経由外観オプションをクリックToggle Panel Position

— メルマイケル
ソース

4

インサイダー版でも同じことができます。右上隅にパネルをサイドバーに切り替えるオプションがありますhttps://code.visualstudio.com/insiders/

下側の端子

右側の端子

— プランキット
ソース

1

ソリューションへのリンクは歓迎しますが、それがなくても回答が役立つことを確認してください。リンクの周りにコンテキストを追加して、他のユーザーがそれが何であるか、なぜそこにあるのかを理解し、ページの最も関連性の高い部分を引用してくださいターゲットページが利用できない場合にリンクし直します。リンクに過ぎない回答は削除される場合があります。

— バグ

十字「x」アイコンのすぐ横にボタンがあります

— pulankit

2

@pulankitおかげで、ペインが十分に広くなく、ポップアウトなどでそれを見つけることができなかったため、消えていました。

— MrFox

4

VSCode 1.42（2020年1月）では以下が導入されています。

左/右のパネル

これで、パネルを次の設定でエディターの左側に移動できます。
"workbench.panel.defaultLocation": "left"
これにより、次の新しいコマンドが優先され、コマンドView: Toggle Panel Position（workbench.action.togglePanelPosition）が削除されます。

View: Move Panel Left（workbench.action.positionPanelLeft）

View: Move Panel Right（workbench.action.positionPanelRight）

View: Move Panel To Bottom（workbench.action.positionPanelBottom）

— VonC
ソース

私にとって、変更を確認するにはVSCodeを再起動する必要がありました。

— チュアン

1

@Chuan OK。私にとっては、私はVSCode 2020年5月1.46を待っています：github.com/microsoft/vscode-docs/blob/...

— VonC

2

どのバージョンが変更されたのかわからないが、1.11.2には[表示]タブのオプションがあり、左のバーを右に、またはその逆に変更できます。

— ニコス
ソース

OPは、左側のサイドバーではなく、下部パネルを指します。

— steph643 2017