Di chuyển bảng trong Visual Studio Code sang bên phải


245

Trong Visual Studio Code, phần bảng điều khiển ở dưới cùng theo mặc định. Làm thế nào để tôi di chuyển nó sang bên phải? Ví dụ, trong hình ảnh sau đây, bảng điều khiển (Phần D) ở dưới cùng, thay vào đó tôi muốn nó di chuyển đến quyền, tức là trong khu vực nơi README.md chỉnh sửa được hiển thị trong Nhóm soạn thảo (Phần C).nhập mô tả hình ảnh ở đây

Tín dụng hình ảnh: ( https://code.visualstudio.com/images/codebasics_hero.png )


Màu nền của thanh cuộn không chắc chắn và kết quả là ... ! [ Nhập mô tả hình ảnh tại đây ] ( i.stack.imgur.com/pTmzS.png )
MCunha98

4
Bạn nên cập nhật câu hỏi này để chấp nhận câu trả lời của @dcastro. Câu trả lời được chấp nhận hiện tại không còn giá trị.
jmargolisvt

Câu trả lời:


537

Kể từ tháng 10 năm 2018 (phiên bản 1.29), nút trong câu trả lời của @ mvvijesh không còn tồn tại.

Bây giờ bạn có 2 lựa chọn. Nhấp chuột phải vào thanh công cụ của bảng điều khiển (không có nơi nào khác trên bảng điều khiển sẽ hoạt động) và chọn "di chuyển bảng phải / dưới cùng":

Hoặc chọn " Xem: Chuyển đổi vị trí bảng điều khiển " từ bảng lệnh.

Nguồn: Ghi chú cập nhật VSCode: https://code.visualstudio.com/updates/v1_29#_panel-poseition-button-to-context-menu


62
Một điều đáng nói nữa là nhấp chuột phải phải được thực hiện trên thanh công cụ của bảng điều khiển. (Nhấp vào bất cứ nơi nào khác sẽ không giúp đỡ.)
customcommander 20/11/18

11
Thật khó chịu. Thay đổi liên tục.
xem sắc nét hơn

7
Cảm ơn bạn! Điều này đã khiến tôi phát điên. Tại sao họ lại lấy nút này trong 1.29.1? Nó phù hợp với các công cụ phát triển của Chrome trước đây và bây giờ thì không.
colefner

9
@colefner Để nhắc nhở bạn rằng bạn đang sử dụng một sản phẩm của Microsoft: nó không bị hỏng, nhưng họ chắc chắn rằng bạn sẽ đi trước và sửa nó.
mkvlrn

10
@shashwat Có, mở Phím tắt và tìm kiếm workbench.action.togglePanelPosition. Bạn có thể thêm một phím tắt sẽ chuyển đổi qua lại.
Jake Bathman

126

Đối với những người đang tìm kiếm một câu trả lời (về cách di chuyển bảng điều khiển bên):

Bạn có thể nhấn

ctrl+ ,(Hoặc cmd+ ,trên OSX)

và thêm tùy chọn sau vào tệp JSON cài đặt người dùng của bạn:

"workbench.sideBar.location": "right"

SideBar bên trái


10
OP đề cập đến bảng điều khiển dưới cùng, không phải thanh bên trái.
steph643

6
@ steph643 OP không rõ ràng trong dòng chủ đề mà anh ấy cũng đề cập đến. Mặc dù câu hỏi của anh ấy đã làm rõ điều đó, nhưng đó là dòng chủ đề mà chúng ta thấy trên kết quả tìm kiếm của Google. Câu trả lời này là câu trả lời cho câu hỏi mà tôi có. Thông thường người ta quên rằng đối với số đông tìm kiếm câu trả lời, đó là Google dẫn chúng tôi đi vòng quanh cho đến khi chúng tôi tìm thấy câu trả lời đúng đã bị từ chối bởi một số mod nặng tay và thiển cận vì nó không đúng đứng ở sự chú ý và chào sự khôn ngoan của họ.
hawkeyegold

@forres, có thể làm cho các bảng nổi và chuyển chúng sang một màn hình riêng biệt không? Đây là thiết lập thông thường của tôi khi làm việc với mã VS bên trái, tất cả các bảng ở bên phải. Thay đổi neo (trái / phải) của thanh bên không thay đổi số lượng trình soạn thảo văn bản hiển thị
Darius

3
Tôi đồng ý với @hawkeyegold - trong khi câu trả lời rõ ràng không trả lời ý định của OP , nó rất hữu ích vì tôi cũng đã goog câu hỏi này trong khi có câu hỏi chính xác như Forres - muốn di chuyển thanh bên bàn làm việc. Cảm ơn nhiều!
Per Lundberg

2
bị từ chối vì câu trả lời này gây nhầm lẫn và làm tắc nghẽn tìm kiếm câu trả lời đúng. Tác giả hỏi làm thế nào để di chuyển Panel, không phải bảng điều khiển bên. Câu trả lời đúng thuộc về Stefano:"workbench.panel.defaultLocation": "right"
Barabas

112

Tôi đang sử dụng Visual Studio Code v1.24.0 trên máy Mac.

Theo mặc định, Bảng điều khiển sẽ xuất hiện ở phía dưới (Bạn cũng có thể thay đổi mặc định. Vui lòng tham khảo câu trả lời của @Forres: Di chuyển Bảng điều khiển trong Visual Studio Code sang bên phải )

Đây là nút chuyển đổi dưới cùng / bên phải cho Bảng mã VS:

nhập mô tả hình ảnh ở đây

Khi tôi nhấp vào nút này, Bảng điều khiển di chuyển sang phải.

nhập mô tả hình ảnh ở đây

Di chuyển nó trở lại là một chút khó khăn mặc dù. Như bạn có thể thấy, một số nút bị ẩn. Điều này là do chiều rộng của bảng điều khiển khi nó được căn phải quá nhỏ. Chúng ta cần mở rộng cột để xem tất cả các nút.

Đây là cách nó sẽ xem xét khi mở rộng:

nhập mô tả hình ảnh ở đây

Bây giờ, nếu bạn muốn di chuyển Bảng điều khiển trở lại xuống dưới, nhấp vào nút chuyển đổi dưới cùng / trên cùng một lần nữa.


6
Điều này thật khó hiểu. phía dưới chỉ là ẩn và có một cái khác trông giống như nó. UX xấu
Alex Bollbach 14/07/18

1
cảm ơn bạn rất nhiều vì các nút ẩn: D Nó thực sự tiết kiệm thời gian của tôi rất nhiều
Ken Block

14
Bạn cũng có thể mở bảng lệnh và sử dụngView: toggle panel position
protoEveachion

33
Biểu tượng dường như không còn ở đó nữa đối với tôi. Không phải khi bảng điều khiển ở dưới cùng, cũng không phải khi nó ở bên phải. Ngay cả khi các tấm có đủ chiều rộng. Tôi cần nhấp chuột phải vào tiêu đề của bảng điều khiển để làm cho nó di chuyển sang phải hoặc xuống dưới. Mà hút.
oyaltyhi

3
@idelhi, câu trả lời đúng với Mã Visual Studio mới nhất (Phiên bản 1.32.3) dường như là 'Xem -> Ngoại hình -> Chuyển đổi vị trí bảng điều khiển ", giống như những gì @protoEveachion đề cập.
Subhash Bhushan

35

Không chắc chắn tại sao điều này không được đề cập ở đây nhưng cài đặt này đã làm công việc cho tôi:

"workbench.panel.defaultLocation": "right"


OP đang đề cập đến bảng dưới cùng, không phải bảng điều khiển bàn làm việc. Bảng điều khiển bàn làm việc là những gì chứa trình thám hiểm tệp, tiện ích mở rộng, v.v. Thật không may, cả hai đều được gọi ___ panelvì vậy rất dễ xảy ra nhầm lẫn.
Jason Fry

6
Tôi nghĩ rằng một trong những bạn đang nghĩ là thực sự workbench.sideBar.location. Trừ khi tôi nhầm lẫn khi sao chép nhận xét của mình là chính xác, dù sao tôi cũng nhận thấy bây giờ có một nút mới để di chuyển nó sang bên và quay lại phía dưới.
Stefano

2
Câu trả lời tốt nhất ở đây. Nó di chuyển bảng điều khiển thiết bị đầu cuối (dưới cùng) của tôi sang bên phải giống như tôi cần. Chính xác như op yêu cầu. Cảm ơn!
Tyler Davis

Nó yêu cầu đóng thiết bị đầu cuối hiện tại trước và thực hiện CTRL+ `để hiển thị chúng ở phía bên phải
Aditya Kresna Permana

10

Nhấp vào tùy chọn menu "Xem" -> "Chuyển sang Thanh bên phải". Khi thanh bên di chuyển sang phải, tùy chọn "Chuyển sang thanh bên phải" thay đổi thành "Di chuyển sang thanh bên trái".

Chúc mừng


Điều này không còn tồn tại
pmiranda

Điều này đã được chuyển sang Xem> Giao diện> Di chuyển thanh bên phải / trái
jkmartindale

10

Kể từ tháng 6 năm 2019, cài đặt này có thể được tìm thấy thông qua tìm kiếm 'Bảng điều khiển' - nếu bạn muốn thay đổi mặc định, có một tùy chọn cho nó như được hiển thị trong ảnh chụp màn hình:nhập mô tả hình ảnh ở đây


1
Các cài đặt trong JSON là "workbench.panel.defaultLocation": "phải"
williamli

Chính xác những gì tôi đang tìm kiếm! Cảm ơn.
Vincent

9

Hy vọng điều này sẽ giúp được ai đó.

-> mở phím tắt

-> tìm kiếm "workbench.action.togglePanelP vị trí"

-> chỉ định phím tắt mong muốn của bạn

Tôi đã gán khóa liên kết "cmd +` "

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

bây giờ tôi có thể chuyển đổi thiết bị đầu cuối bằng cách nhấn "cmd +` "


hmm lạ đối với tôi trên osx, thiết bị đầu cuối mất tập trung sau khi tôi làm điều này
Daniel Lizik

7

Đối với Visual Studio Code v1.31.1, bạn có thể chuyển đổi phiên bảng thông qua menu View .

  • Chuyển đến Menu Xem .
  • Thông qua tùy chọn Giao diện , nhấp vàoToggle Panel Position

nhập mô tả hình ảnh ở đây


4

Bạn có thể làm tương tự trong phiên bản của người trong cuộc, Có một tùy chọn ở góc trên bên phải để chuyển sang bảng điều khiển sang thanh bên https://code.visualstudio.com/insiders/

thiết bị đầu cuối ở phía dưới thiết bị đầu cuối ở phía dưới

thiết bị đầu cuối ở bên phải thiết bị đầu cuối ở phía bên phải


1
Liên kết đến một giải pháp được hoan nghênh, nhưng vui lòng đảm bảo câu trả lời của bạn hữu ích mà không cần đến nó: thêm ngữ cảnh xung quanh liên kết để người dùng đồng nghiệp của bạn sẽ có ý tưởng về nó là gì và tại sao lại có, sau đó trích dẫn phần có liên quan nhất của trang bạn ' liên kết lại trong trường hợp trang đích không có sẵn. Câu trả lời ít hơn một liên kết có thể bị xóa.
Lỗi

Có một nút ngay bên cạnh biểu tượng chữ "x" chéo
pulankit

2
@pulankit Cảm ơn, nó biến mất vì khung không đủ rộng và tôi không thể tìm thấy nó với cửa sổ bật lên hoặc thứ gì đó.
MrFox

4

VSCode 1.42 (tháng 1 năm 2020) giới thiệu:

Bảng bên trái / phải

Bây giờ bảng điều khiển có thể được di chuyển sang bên trái của trình chỉnh sửa với cài đặt:

"workbench.panel.defaultLocation": "left"

Điều này loại bỏ lệnh View: Toggle Panel Position( workbench.action.togglePanelPosition) có lợi cho các lệnh mới sau đây:

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

Đối với tôi, tôi đã phải khởi động lại VSCode để xem các thay đổi.
Chuan

1
@ Luân OK. Đối với tôi, tôi đang chờ VSCode tháng 5 năm 2020 1.46: github.com/microsoft/vscode-docs/blob/ Kẻ
VonC

2

Tôi không biết phiên bản nào sẽ thay đổi nhưng 1.11.2 có một tùy chọn trong tab Xem có thể thay đổi thanh bên trái sang bên phải và ngược lại


OP đề cập đến bảng điều khiển dưới cùng, không phải thanh bên trái.
steph643
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.