Mover el panel en Visual Studio Code al lado derecho

247

En Visual Studio Code, la sección del panel está en la parte inferior de forma predeterminada. ¿Cómo lo muevo al lado derecho? Por ejemplo, en la siguiente imagen, el panel (Sección D) está en la parte inferior, en cambio, quiero que se mueva al lado derecho, es decir, en el área donde se muestra README.md editior en Grupos de editores (Sección C).ingrese la descripción de la imagen aquí

Créditos de imagen: ( https://code.visualstudio.com/images/codebasics_hero.png )

usuario2047246
fuente
El color de fondo de la barra de desplazamiento no es sólido y el resultado es ... ! [ Ingrese la descripción de la imagen aquí ] ( i.stack.imgur.com/pTmzS.png )
MCunha98
44
Debe actualizar esta pregunta para aceptar la respuesta de @dcastro. La respuesta aceptada actual ya no es válida.
jmargolisvt

Respuestas:

542

A partir de octubre de 2018 (versión 1.29), el botón en la respuesta de @ mvvijesh ya no existe.

Ahora tienes 2 opciones. Haga clic derecho en la barra de herramientas del panel (ningún otro lugar en el panel funcionará) y elija "mover el panel hacia la derecha / abajo":

O elija " Ver: Cambiar posición del panel " en la paleta de comandos.

Fuente: Notas de actualización de VSCode: https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu

dcastro
fuente
63
También vale la pena mencionar que el clic derecho debe realizarse en la barra de herramientas del panel. (
Hacer
11
Que molesto. Cambios constantes
Ve más nítido el
77
¡Gracias! Esto me estaba volviendo loco. ¿Por qué quitaron el botón en 1.29.1? Era coherente con las herramientas de desarrollo de Chrome antes y ahora no lo es.
colefner
99
@colefner Para recordarle que está utilizando un producto de Microsoft: no está roto, pero seguro que continuará y lo arreglará.
mkvlrn
10
@shashwat Sí, abra Atajos de teclado y busque workbench.action.togglePanelPosition. Puede agregar un atajo de teclado que lo alternará de un lado a otro.
Jake Bathman el
126

Para las personas que buscan una respuesta (sobre cómo mover el panel lateral):

Puedes presionar

ctrl+ ,(O cmd+ ,en OSX)

y agregue la siguiente opción a su archivo JSON de configuración de usuario:

"workbench.sideBar.location": "right"

Sidebar a la izquierda

Forres
fuente
10
OP se refiere al panel inferior, no a la barra lateral izquierda.
steph643
66
@ steph643 OP no tenía claro en su línea de asunto a qué panel se refería también. Aunque su pregunta lo aclaró muy bien, es el asunto que vemos en los resultados de búsqueda de Google. Esta respuesta fue la respuesta a la pregunta que tenía. Con demasiada frecuencia se olvida que para las masas que buscan respuestas, Google nos está guiando por la nariz hasta que encontramos en algún lugar que la modificación correcta no nos ha sido negada por algún mod pesado y miope porque no lo hizo correctamente pon atención y saluda su astucia.
hawkeyegold
@forres, ¿es posible hacer paneles flotantes y moverlos a un monitor separado? Esta es mi configuración habitual cuando trabajo con VS - código a la izquierda, todos los paneles a la derecha. Cambiar el ancla (izquierda / derecha) de la barra lateral no cambia la cantidad de editor de texto visible
Darius
3
Estoy de acuerdo con @hawkeyegold: aunque la respuesta claramente no responde a la intención de los OP , fue increíblemente útil ya que también busqué en Google esta pregunta mientras tenía exactamente la misma pregunta que Forres: querer mover la barra lateral del banco de trabajo. ¡Muchas gracias!
Según Lundberg el
2
rechazado porque esta respuesta es confusa y se obstruye buscando la respuesta correcta. El autor preguntó cómo moverse Panel, no el panel lateral. Respuesta correcta pertenece Stefano:"workbench.panel.defaultLocation": "right"
Barabas
112

Estoy usando Visual Studio Code v1.24.0 en una Mac.

De forma predeterminada, el Panel aparecerá en la parte inferior (también puede cambiar el valor predeterminado. Consulte la respuesta de @Forres: Mover el Panel en Visual Studio Code al lado derecho )

Aquí está el botón de alternar inferior / derecho para VS Code Panel:

ingrese la descripción de la imagen aquí

Una vez que hago clic en este botón, el Panel se mueve hacia la derecha.

ingrese la descripción de la imagen aquí

Sin embargo, moverlo hacia atrás es un poco complicado. Como puede ver, algunos de los botones están ocultos. Esto se debe a que el ancho del panel cuando está alineado a la derecha es demasiado pequeño. Necesitamos expandir la columna para ver todos los botones.

Así es como se verá en la expansión:

ingrese la descripción de la imagen aquí

Ahora, si desea mover el Panel de nuevo a la parte inferior, haga clic nuevamente en el botón de alternar entre la parte inferior / superior.

mvvijesh
fuente
66
Esto es muy confuso. la parte inferior está oculta y hay otra que se ve igual. mala
experiencia de usuario
1
muchas gracias por los botones ocultos: D Realmente me ahorró mucho tiempo
Ken Block
14
También puede abrir la paleta de comandos y usarView: toggle panel position
protoEvangelion
33
El icono ya no parece estar ahí para mí. Ni cuando el panel está en la parte inferior, ni cuando está a la derecha. Incluso cuando los paneles tienen suficiente ancho. Necesito hacer clic derecho en el encabezado del panel para que se mueva hacia la derecha o hacia abajo. Lo que apesta.
oyalhi
3
@oyalhi, la respuesta correcta con el último código de Visual Studio (Versión 1.32.3) parece ser 'Ver -> Apariencia -> Cambiar posición del panel ", como lo que menciona @protoEvangelion.
Subhash Bhushan
35

No estoy seguro de por qué esto no se menciona aquí, pero esta configuración hizo el trabajo por mí:

"workbench.panel.defaultLocation": "right"

Stefano
fuente
OP se refiere al panel inferior, no al panel del banco de trabajo. El panel del banco de trabajo es el que contiene el explorador de archivos, extensiones, etc. Desafortunadamente, ambos se llaman ___ panelasí que es fácil que ocurra confusión.
Jason Fry
66
Creo que el que estás pensando es en realidad workbench.sideBar.location. A menos que haya cometido un error cuando copiar mi comentario es correcto, de todos modos noté que ahora hay un nuevo botón para moverlo hacia un lado y volver a la parte inferior.
Stefano
2
La mejor respuesta aquí. Movió mi panel de terminal (inferior) a la derecha como lo necesitaba. Exactamente como lo solicitó el operador. ¡Gracias!
Tyler Davis el
Requiere cerrar primero el terminal existente y hacer CTRL+ `para mostrarlos en el lado derecho
Aditya Kresna Permana
10

Haga clic en la opción de menú "Ver" -> "Mover a la barra lateral derecha". Una vez que la barra lateral se mueve hacia la derecha, la opción "Mover a la barra lateral derecha" cambia a "Mover a la barra lateral izquierda".

Salud


fuente
Esto ya no existe
pmiranda
Esto se ha movido a Ver> Apariencia> Mover barra lateral derecha / izquierda
jkmartindale
10

A partir de junio de 2019, esta configuración se puede encontrar buscando 'Panel': si desea cambiar el valor predeterminado, hay una opción para él, como se muestra en la captura de pantalla:ingrese la descripción de la imagen aquí

NickersF
fuente
1
La configuración en JSON es "workbench.panel.defaultLocation": "right"
williamli
¡Precisamente lo que estaba buscando! Gracias.
Vincent
9

Espero que esto ayude a alguien.

-> abierto al atajo de teclado

-> buscar "workbench.action.togglePanelPosition"

-> asigna tu acceso directo deseado

He asignado la combinación de teclas "cmd +` "

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

ahora puedo alternar el terminal presionando "cmd +` "

sh6210
fuente
hmm, extraño para mí en osx, la terminal pierde el foco después de hacer esto
Daniel Lizik
7

Para Visual Studio Code v1.31.1, puede alternar la sesión del panel a través del menú Ver .

  • Ve al menú Ver .
  • A través de la opción Apariencia , haga clic enToggle Panel Position

ingrese la descripción de la imagen aquí

Mel Michael
fuente
5

VSCode 1.42 (enero de 2020) presenta:

Panel a la izquierda / derecha

El panel ahora se puede mover al lado izquierdo del editor con la configuración:

"workbench.panel.defaultLocation": "left"

Esto elimina el comando View: Toggle Panel Position( workbench.action.togglePanelPosition) en favor de los siguientes comandos nuevos:

  • View: Move Panel Left( workbench.action.positionPanelLeft)
  • View: Move Panel Right( workbench.action.positionPanelRight)
  • View: Move Panel To Bottom( workbench.action.positionPanelBottom)
VonC
fuente
Para mí, tuve que reiniciar el VSCode para ver los cambios.
Chuan
1
@Chuan OK. Para mí, estoy esperando VSCode Mayo 2020 1.46: github.com/microsoft/vscode-docs/blob/…
VonC
4

Puede hacer lo mismo en la edición interna, hay una opción en la esquina superior derecha para cambiar al panel a la barra lateral https://code.visualstudio.com/insiders/

terminal en la parte inferior terminal en el lado inferior

terminal en el lado derecho terminal en el lado derecho

pulankit
fuente
1
Un enlace a una solución es bienvenido, pero asegúrese de que su respuesta sea útil sin él: agregue contexto alrededor del enlace para que sus otros usuarios tengan una idea de qué es y por qué está allí, luego cite la parte más relevante de la página volver a vincular en caso de que la página de destino no esté disponible. Se pueden eliminar las respuestas que son poco más que un enlace.
Errores
Hay un botón justo al lado del ícono de la cruz "x"
pulankit
2
@pulankit Gracias, desapareció porque el panel no era lo suficientemente ancho y no pude encontrarlo con popouts o algo así.
MrFox
2

No sé desde qué versión cambia, pero el 1.11.2 tiene una opción en la pestaña Vista que puede cambiar la barra izquierda a la derecha y viceversa.

Nickos
fuente
OP se refiere al panel inferior, no a la barra lateral izquierda.
steph643