Visual Studio 코드에서 패널을 오른쪽으로 이동


246

Visual Studio Code에서 패널 섹션은 기본적으로 맨 아래에 있습니다. 오른쪽으로 어떻게 이동합니까? 예를 들어 다음 이미지에서 패널 (섹션 D)은 맨 아래에 있습니다. 대신 편집기 그룹 (섹션 C)에 표시된 README.md 편집 영역에서 오른쪽으로 이동하려고합니다.여기에 이미지 설명을 입력하십시오

이미지 크레디트 : ( https://code.visualstudio.com/images/codebasics_hero.png )


스크롤의 배경색은하지 고체이며, 결과는 ...입니다 [여기 이미지 설명을 입력합니다! (] i.stack.imgur.com/pTmzS.png를 )
MCunha98

4
@dcastro의 답변을 수락하려면이 질문을 업데이트해야합니다. 현재 허용 된 답변이 더 이상 유효하지 않습니다.
jmargolisvt

답변:


539

2018 년 10 월 (버전 1.29)부터 @mvvijesh의 답변에있는 버튼이 더 이상 존재하지 않습니다.

이제 2 가지 옵션이 있습니다. 패널의 툴바를 마우스 오른쪽 버튼으로 클릭하고 (패널의 다른 곳에서는 작동하지 않음) "패널을 오른쪽 / 아래로 이동"을 선택하십시오.

또는 명령 팔레트에서 " 보기 : 패널 위치 전환 "을 선택하십시오 .

출처 : VSCode 업데이트 노트 : https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu


62
패널의 도구 모음에서 오른쪽 클릭을 수행해야한다는 점도 언급 할 가치가 있습니다. (다른 곳을 클릭해도 도움이되지 않습니다.)
customcommander

11
짜증나 지속적인 변화.
더 선명하게

7
감사합니다! 이것은 나를 미치게했다. 1.29.1에서 왜 버튼을 가져 갔습니까? 이전에는 Chrome의 개발 도구와 일치했지만 지금은 그렇지 않습니다.
colefner

9
@colefner 당신이 마이크로 소프트 제품을 사용하고 있다는 것을 상기시키기 위해 : 그것은 파산되지는 않았지만, 계속해서 문제를 해결할 것입니다.
mkvlrn

10
@shashwat 예, 키보드 단축키를 열고을 검색하십시오 workbench.action.togglePanelPosition. 키보드 단축키를 추가하여 앞뒤로 전환 할 수 있습니다.
Jake Bathman

126

사이드 패널을 이동하는 방법에 대한 답변을 찾는 사람들의 경우 :

누를 수 있습니다

ctrl+ ,( OSX에서 cmd+ 또는 ,)

사용자 설정 JSON 파일에 다음 옵션을 추가하십시오.

"workbench.sideBar.location": "right"

왼쪽의 사이드 바


10
OP는 왼쪽 사이드 바가 아니라 하단 패널을 나타냅니다.
steph643

6
@ steph643 OP가 자신이 참조한 패널의 제목 줄에 명확하지 않았습니다. 그의 질문은 훌륭하게 설명되었지만 Google 검색 결과에서 볼 수있는 제목입니다. 이 답변은 내가 가진 질문에 대한 답변이었습니다. 답변을 찾는 대중의 경우, 구글이 제대로 대답하지 않았기 때문에 무거운 손과 짧은 조준 모드에 의해 올바른 답변이 우리에게 거부되지 않는 곳을 찾을 때까지 코를 통해 우리를 인도하는 것이 종종 잊혀집니다. 주의를 기울이고 그들의 명예에 경의를 표하십시오.
hawkeyegold

@ forres, 패널을 플로팅하여 별도의 모니터로 옮길 수 있습니까? 이것은 왼쪽의 VS 코드, 오른쪽의 모든 패널을 사용할 때의 일반적인 설정입니다. 사이드 바의 앵커 (왼쪽 / 오른쪽)를 변경해도 표시되는 텍스트 편집기의 양이 변경되지 않습니다
Darius

3
@hawkeyegold에 동의합니다- 답변이 OPs 의도에 명확하게 답변 하지는 않지만 Forres와 정확히 동일한 질문 을 하면서이 질문을 Google에서 처리 했기 때문에 매우 도움이되었습니다. 워크 벤치 사이드 바를 옮기고 싶습니다. 많은 감사합니다!
Per Lundberg

2
이 답변은 혼란스럽고 정답을 찾기 위해 막혔습니다. 저자는 Panel측면 패널이 아니라 이동 방법을 물었습니다 . 정답 은 Stefano에 속합니다 :"workbench.panel.defaultLocation": "right"
Barabas

112

Mac에서 Visual Studio Code v1.24.0을 사용하고 있습니다.

기본적으로 패널이 맨 아래에 나타납니다 (기본값도 변경할 수 있습니다. @Forres의 답변 : Visual Studio 코드에서 패널 이동 오른쪽 참조 ).

VS 코드 패널의 하단 / 오른쪽 토글 버튼은 다음과 같습니다.

여기에 이미지 설명을 입력하십시오

이 버튼을 클릭하면 패널이 오른쪽으로 이동합니다.

여기에 이미지 설명을 입력하십시오

그것을 뒤로 옮기는 것은 조금 까다 롭습니다. 보다시피 일부 버튼은 숨겨져 있습니다. 패널이 오른쪽으로 정렬 될 때 너비가 너무 작기 때문입니다. 모든 버튼을 보려면 열을 확장해야합니다.

이것이 확장 될 때의 모습입니다 :

여기에 이미지 설명을 입력하십시오

이제 패널을 맨 아래로 다시 이동하려면 토글 하단 / 상단 버튼을 다시 클릭하십시오.


6
너무 혼란 스럽습니다. 바닥은 숨겨져 있고 또 다른 모양이 있습니다. 나쁜 UX
Alex Bollbach

1
숨겨진 버튼에 대해 대단히 감사합니다 : D 정말 시간을 많이 절약했습니다
Ken Block

14
당신은 또한 명령 팔레트를 열고 사용할 수 있습니다View: toggle panel position
protoEvangelion

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
여기에 가장 좋은 답변입니다. 필요한 것처럼 터미널 (하단) 패널을 오른쪽으로 옮겼습니다. 작전이 요청한대로. 감사!
Tyler Davis

기존 터미널을 먼저 닫고 CTRL오른쪽에 표시하려면 +`를 수행해야 합니다.
Aditya Kresna Permana

10

메뉴 옵션 "보기"-> "사이드 바 오른쪽으로 이동"을 클릭하십시오. 사이드 바가 오른쪽으로 이동하면 "사이드 바 오른쪽으로 이동"옵션이 "사이드 바 왼쪽으로 이동"으로 변경됩니다.

건배


더 이상 존재하지 않습니다
pmiranda

이것은보기로 이동> 모양> 사이드 바 오른쪽 / 왼쪽으로 이동
jkmartindale

10

2019 년 6 월부터이 설정은 '패널'을 검색하여 찾을 수 있습니다. 기본값을 변경하려면 스크린 샷과 같이 옵션이 있습니다.여기에 이미지 설명을 입력하십시오


1
JSON의 설정은 "workbench.panel.defaultLocation": "right"
williamli

내가 찾던 것을 정확하게! 감사.
빈센트

9

이것이 누군가를 도울 수 있기를 바랍니다.

-> 키보드 단축키 열기

-> "workbench.action.togglePanelPosition"검색

-> 원하는 단축키를 지정하십시오

키 바인딩 "cmd +`"를 할당했습니다

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

이제 "cmd +`"를 눌러 터미널을 토글 할 수 있습니다


흠 OSX에 나를 위해 이상한, 터미널 내가이 이렇게 후 포커스를 잃고
다니엘 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)

나를 위해 VSCode를 다시 시작하여 변경 사항을 확인해야했습니다.
Chuan

1
@Chuan OK. 나를 위해, VSCode 2020 년 5 월 1.46을 기다리고 있습니다 : github.com/microsoft/vscode-docs/blob/…
VonC

2

어떤 버전으로 변경되었는지 알 수 없지만 1.11.2에는보기 탭에 왼쪽 막대를 오른쪽으로 변경하거나 그 반대로 변경할 수있는 옵션이 있습니다


OP는 왼쪽 사이드 바가 아니라 하단 패널을 나타냅니다.
steph643
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.