Spostamento del pannello nel codice di Visual Studio sul lato destro


246

In Visual Studio Code, la sezione del pannello è in fondo per impostazione predefinita. Come lo sposto sul lato destro? Ad esempio nell'immagine seguente, il pannello (Sezione D) è in fondo, invece voglio che si sposti sul lato destro, cioè nell'area in cui l'editore README.md è mostrato nei gruppi di editor (Sezione C).inserisci qui la descrizione dell'immagine

Crediti immagine: ( https://code.visualstudio.com/images/codebasics_hero.png )


Il backcolor della barra di scorrimento non è solido e il risultato è ... ! [Inserire la descrizione dell'immagine qui ] ( i.stack.imgur.com/pTmzS.png )
MCunha98

4
È necessario aggiornare questa domanda per accettare la risposta di @dcastro. La risposta attualmente accettata non è più valida.
jmargolisvt,

Risposte:


540

A partire da ottobre 2018 (versione 1.29) il pulsante nella risposta di @ mvvijesh non esiste più.

Ora hai 2 opzioni. Fai clic con il pulsante destro del mouse sulla barra degli strumenti del pannello (nessun altro pannello funzionerà) e scegli "sposta pannello a destra / in basso":

Oppure scegli " Visualizza: Attiva / disattiva posizione pannello " dalla tavolozza dei comandi.

Fonte: note di aggiornamento VSCode: https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu


62
Vale anche la pena ricordare che il clic destro deve essere eseguito sulla barra degli strumenti del pannello. (Fare clic in qualsiasi altro punto non sarà di aiuto.)
Committente personalizzato

11
Che noioso. Cambiamenti costanti.
vedi più nitido il

7
Grazie! Questo mi stava facendo impazzire. Perché hanno portato via il pulsante in 1.29.1? Prima era coerente con gli strumenti di sviluppo di Chrome e ora non lo è.
Colefner,

9
@colefner Per ricordarti che stai utilizzando un prodotto Microsoft: non è rotto, ma sono sicuro che andrà avanti e lo riparerà.
mkvlrn,

10
@shashwat Sì, apri le scorciatoie da tastiera e cerca workbench.action.togglePanelPosition. È possibile aggiungere una scorciatoia da tastiera che la alternerà avanti e indietro.
Jake Bathman,

126

Per le persone che cercano una risposta (su come spostare il pannello laterale):

Puoi premere

ctrl+ ,(O cmd+ ,su OSX)

e aggiungi la seguente opzione al file JSON delle tue impostazioni utente:

"workbench.sideBar.location": "right"

Barra laterale a sinistra


10
OP si riferisce al pannello inferiore, non alla barra laterale sinistra.
steph643,

6
@ steph643 OP non era chiaro nella riga dell'oggetto a quale pannello si riferisse. Sebbene la sua domanda lo abbia chiarito bene, è l'oggetto che vediamo nei risultati di ricerca di Google. Questa risposta era la risposta alla domanda che avevo. Troppo spesso si dimentica che per le masse in cerca di risposte, è Google che ci guida in giro per il naso fino a quando non troviamo da qualche parte che la risposta giusta non ci è stata negata da qualche mod pesante e miope perché non ha correttamente stai attento e saluta la loro astuzia.
Hawkeyegold

@forres, è possibile far galleggiare i pannelli e spostarli su un monitor separato? Questa è la mia solita configurazione quando lavoro con il codice VS a sinistra, tutti i pannelli a destra. Cambiare l'ancoraggio (sinistra / destra) della barra laterale non cambia la quantità di editor di testo visibile
Darius

3
Sono d'accordo con @hawkeyegold - mentre la risposta chiaramente non risponde PO intenti , è stato incredibilmente utile dal momento che anche su Google questa domanda, pur avendo la stessa identica domanda di Forres - volendo spostare la barra laterale banco di lavoro. Grazie molto!
Per Lundberg,

2
votato per difetto perché questa risposta è confusa e si intasa cercando una risposta corretta. L'autore ha chiesto come muoversi Panel, non il pannello laterale. La risposta corretta appartiene Stefano:"workbench.panel.defaultLocation": "right"
Barabas

112

Sto usando Visual Studio Code v1.24.0 su un Mac.

Per impostazione predefinita, il pannello verrà visualizzato in basso (è possibile modificare anche il valore predefinito. Fare riferimento alla risposta di @Forres: spostare il pannello nel codice di Visual Studio sul lato destro )

Ecco il pulsante di attivazione in basso / a destra per il pannello dei codici VS:

inserisci qui la descrizione dell'immagine

Dopo aver fatto clic su questo pulsante, il pannello si sposta a destra.

inserisci qui la descrizione dell'immagine

Spostarlo indietro è un po 'complicato però. Come puoi vedere, alcuni dei pulsanti sono nascosti. Questo perché la larghezza del pannello quando è allineata a destra è troppo piccola. Abbiamo bisogno di espandere la colonna per vedere tutti i pulsanti.

Ecco come sarà l'espansione:

inserisci qui la descrizione dell'immagine

Ora, se vuoi spostare il Pannello di nuovo in basso, fai di nuovo clic sul pulsante inferiore / superiore.


6
così confuso. il fondo è appena nascosto e ce n'è un altro che sembra proprio così. bad UX
Alex Bollbach,

1
grazie mille per i pulsanti nascosti: D Mi ha davvero risparmiato molto tempo
Ken Block,

14
Puoi anche aprire la tavolozza dei comandi e utilizzareView: toggle panel position
protoEvangelion il

33
L'icona non sembra essere più lì per me. Né quando il pannello è in basso, né quando è a destra. Anche quando i pannelli hanno una larghezza sufficiente. Devo fare clic con il tasto destro del mouse sull'intestazione del pannello per spostarlo a destra o in basso. Che schifo.
oyalhi,

3
@oyalhi, la risposta corretta con l'ultimo codice di Visual Studio (versione 1.32.3) sembra essere "Visualizza -> Aspetto -> Attiva / disattiva posizione pannello", come quello che menziona @protoEvangelion.
Bhushan

35

Non sono sicuro del motivo per cui questo non è menzionato qui, ma questa impostazione ha funzionato per me:

"workbench.panel.defaultLocation": "right"


OP si riferisce al pannello inferiore, non al pannello del banco di lavoro. Il pannello del workbench contiene i file explorer, le estensioni, ecc. Sfortunatamente sono entrambi chiamati, ___ panelquindi è facile che si verifichi confusione.
Jason Fry,

6
Penso che quello a cui stai pensando sia in realtà workbench.sideBar.location. A meno che non mi sia incasinato quando ho copiato il mio commento sia corretto, comunque ho notato che ora c'è un nuovo pulsante per spostarlo di lato e di nuovo in fondo.
Stefano

2
La migliore risposta qui. Ha spostato il pannello del mio terminale (in basso) a destra proprio come avevo bisogno. Esattamente come richiesto dall'operazione. Grazie!
Tyler Davis,

Richiede prima di chiudere il terminal esistente e fare CTRL+ `per mostrarli sul lato destro
Aditya Kresna Permana,

10

Fai clic sull'opzione di menu "Visualizza" -> "Sposta nella barra laterale a destra". Una volta che la barra laterale si sposta a destra, l'opzione "Sposta nella barra laterale a destra" cambia in "Sposta nella barra laterale a sinistra".

Saluti


Questo non esiste più
pmiranda,

Questo è stato spostato in Visualizza> Aspetto> Sposta barra laterale destra / sinistra
jkmartindale

10

A partire da giugno 2019 questa impostazione può essere trovata tramite la ricerca nel 'Pannello': se si desidera modificare l'impostazione predefinita, è disponibile un'opzione come mostrato nello screenshot:inserisci qui la descrizione dell'immagine


1
Le impostazioni in JSON sono "workbench.panel.defaultLocation": "right"
williamli

Proprio quello che stavo cercando! Grazie.
Vincent

9

Spero che questo possa aiutare qualcuno.

-> apri alla scorciatoia da tastiera

-> cerca "workbench.action.togglePanelPosition"

-> assegna il collegamento desiderato

Ho assegnato il tasto "cmd +` "

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

ora posso attivare / disattivare il terminale premendo "cmd +` "


hmm strano per me su osx, il terminale perde la messa a fuoco dopo che lo faccio
Daniel Lizik,

7

Per Visual Studio Code v1.31.1, è possibile alternare la sessione del pannello tramite il menu Visualizza .

  • Vai alla vista menu .
  • Tramite l' opzione Aspetto , fare clic suToggle Panel Position

inserisci qui la descrizione dell'immagine


5

Il VSCode 1.42 (gennaio 2020) introduce:

Pannello a sinistra / a destra

Ora il pannello può essere spostato sul lato sinistro dell'editor con l'impostazione:

"workbench.panel.defaultLocation": "left"

Ciò rimuove il comando View: Toggle Panel Position( workbench.action.togglePanelPosition) a favore dei seguenti nuovi comandi:

  • View: Move Panel Left( workbench.action.positionPanelLeft)
  • View: Move Panel Right( workbench.action.positionPanelRight)
  • View: Move Panel To Bottom( workbench.action.positionPanelBottom)

Per me, ho dovuto riavviare il VSCode per vedere le modifiche.
Chuan

1
@Chuan OK. Per me, sto aspettando VSCode maggio 2020 1.46: github.com/microsoft/vscode-docs/blob/…
VonC

4

Puoi fare lo stesso nell'edizione da insider, C'è un'opzione nell'angolo in alto a destra per passare al pannello alla barra laterale https://code.visualstudio.com/insiders/

terminale nella parte inferiore terminale nella parte inferiore

terminale sul lato destro terminale nella parte destra


1
Un link a una soluzione è il benvenuto, ma assicurati che la tua risposta sia utile senza di essa: aggiungi un contesto attorno al link in modo che i tuoi colleghi utenti abbiano qualche idea di cosa sia e perché sia ​​lì, quindi cita la parte più pertinente della pagina che ' re collegamento a nel caso in cui la pagina di destinazione non sia disponibile. Le risposte che sono poco più di un collegamento possono essere eliminate.
Bug

C'è un pulsante proprio accanto all'icona a forma di croce "x"
pulankit,

2
@pulankit Grazie, è scomparso perché il riquadro non era abbastanza largo e non sono riuscito a trovarlo con i popup o qualcosa del genere.
MrFox,

2

Non so da quale versione cambi, ma 1.11.2 ha un'opzione nella scheda Visualizza che può cambiare la barra sinistra a destra e viceversa


OP si riferisce al pannello inferiore, non alla barra laterale sinistra.
steph643,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.