Memindahkan Panel dalam Visual Studio Code ke sisi kanan


246

Dalam Visual Studio Code, bagian panel di bagian bawah secara default. Bagaimana cara memindahkannya ke sisi kanan? Sebagai contoh pada gambar berikut, panel (Bagian D) di bagian bawah, alih-alih saya ingin pindah ke sisi kanan yaitu, di area di mana README.md editior ditampilkan di Grup Editor (Bagian C).masukkan deskripsi gambar di sini

Kredit Gambar: ( https://code.visualstudio.com/images/codebasics_hero.png )


Backcolor scrollbar tidak solid dan hasilnya adalah ... ! [Masukkan deskripsi gambar di sini ] ( i.stack.imgur.com/pTmzS.png )
MCunha98

4
Anda harus memperbarui pertanyaan ini untuk menerima jawaban @dcastro. Jawaban yang diterima saat ini tidak lagi valid.
jmargolisvt

Jawaban:


540

Pada Oktober 2018 (versi 1.29) tombol di jawaban @ mvvijesh sudah tidak ada.

Anda sekarang memiliki 2 opsi. Klik kanan bilah alat panel (tidak ada tempat lain di panel akan bekerja) dan pilih "gerakkan panel kanan / bawah":

Atau pilih " Lihat: Toggle Panel Position " dari palet perintah.

Sumber: Catatan pembaruan VSCode: https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu


62
Perlu juga disebutkan bahwa klik kanan harus dilakukan pada bilah alat panel. (Mengklik di tempat lain tidak akan membantu.)
customcommander

11
Menyebalkan sekali. Perubahan konstan.
Lihat lebih tajam

7
Terima kasih! Ini membuatku gila. Mengapa mereka mengambil tombol di 1.29.1? Itu konsisten dengan alat dev Chrome sebelum dan sekarang tidak.
colefner

9
@colefner Untuk mengingatkan Anda bahwa Anda menggunakan produk Microsoft: tidak rusak, tetapi mereka yakin akan terus maju dan memperbaikinya.
mkvlrn

10
@shashwat Ya, buka Pintasan Keyboard dan cari workbench.action.togglePanelPosition. Anda dapat menambahkan pintasan keyboard yang akan berganti-ganti.
Jake Bathman

126

Untuk orang yang mencari jawaban (tentang cara memindahkan panel samping):

Anda bisa menekan

ctrl+ ,(Atau cmd+ ,di OSX)

dan tambahkan opsi berikut ke file JSON pengaturan pengguna Anda:

"workbench.sideBar.location": "right"

SideBar di sebelah kiri


10
OP mengacu pada panel bawah, bukan bilah sisi kiri.
steph643

6
@ steph643 OP tidak jelas dalam baris subjeknya panel mana yang dia maksudkan juga. Meskipun pertanyaannya mengklarifikasi dengan baik, itu adalah baris subjek yang kita lihat di hasil pencarian Google. Jawaban ini adalah jawaban untuk pertanyaan yang saya miliki. Terlalu sering dilupakan bahwa bagi massa yang mencari jawaban, Google mengarahkan kita berkeliling sampai kita menemukan suatu tempat bahwa jawaban yang tepat tidak pernah ditolak oleh kita oleh beberapa mod yang berat dan penglihatan pendek karena itu tidak benar berdiri dengan penuh perhatian dan salut kecerdikan mereka.
hawkeyegold

@forres, apakah mungkin membuat panel melayang dan memindahkannya ke monitor terpisah? Ini adalah pengaturan saya yang biasa ketika bekerja dengan VS - kode di sebelah kiri, semua panel di sebelah kanan. Mengubah jangkar (kiri / kanan) pada bilah samping tidak mengubah seberapa banyak editor teks terlihat
Darius

3
Saya setuju dengan @hawkeyegold - sementara jawabannya jelas tidak menjawab maksud OPs , itu sangat membantu karena saya juga googled pertanyaan ini sambil memiliki pertanyaan yang sama persis dengan Forres - ingin memindahkan bilah samping meja kerja. Terimakasih banyak!
Per Lundberg

2
downvoted karena jawaban ini membingungkan dan buntu mencari jawaban yang benar. Penulis bertanya bagaimana cara bergerak Panel, bukan panel samping. Jawaban yang benar adalah milik Stefano:"workbench.panel.defaultLocation": "right"
Barabas

112

Saya menggunakan Visual Studio Code v1.24.0 di Mac.

Secara default, Panel akan muncul di bagian bawah (Anda dapat mengubah default juga. Silakan merujuk ke jawaban @Forres: Memindahkan Panel dalam Visual Studio Code ke sisi kanan )

Inilah tombol sakelar bawah / kanan untuk Panel Kode VS:

masukkan deskripsi gambar di sini

Setelah saya klik tombol ini, Panel bergerak ke kanan.

masukkan deskripsi gambar di sini

Memindahkannya kembali agak sulit. Seperti yang Anda lihat, beberapa tombol disembunyikan. Ini karena lebar panel ketika disejajarkan dengan benar terlalu kecil. Kita perlu memperluas kolom untuk melihat semua tombol.

Beginilah tampilan ekspansi:

masukkan deskripsi gambar di sini

Sekarang, jika Anda ingin memindahkan Panel kembali ke bawah, klik pada tombol sakelar bawah / atas lagi.


6
ini sangat membingungkan. bagian bawah hanya disembunyikan dan ada lagi yang tampak seperti itu. bad UX
Alex Bollbach

1
terima kasih banyak untuk tombol tersembunyi: D Ini benar-benar menghemat banyak waktu saya
Ken Block

14
Anda juga dapat membuka lalu memerintahkan palet dan menggunakanView: toggle panel position
protoEvangelion

33
Ikon itu sepertinya sudah tidak ada lagi untukku. Baik ketika panel di bagian bawah, atau ketika itu di sebelah kanan. Bahkan ketika panel memiliki lebar yang cukup. Saya perlu klik kanan pada header panel untuk membuatnya bergerak ke kanan atau ke bawah. Itu menyebalkan.
oyalhi

3
@oyalhi, jawaban yang benar dengan Visual Studio Code terbaru (Versi 1.32.3) tampaknya `View -> Appearance -> Toggle Panel Position", seperti apa yang @protoEvangelion sebutkan.
Subhash Bhushan

35

Tidak yakin mengapa ini tidak disebutkan di sini tetapi pengaturan ini berhasil bagi saya:

"workbench.panel.defaultLocation": "right"


OP mengacu pada panel bawah, bukan panel meja kerja. Panel meja kerja adalah yang berisi file explorer, ekstensi, dll. Sayangnya keduanya dipanggil ___ panelsehingga mudah terjadi kebingungan.
Jason Fry

6
Saya pikir yang Anda pikirkan sebenarnya workbench.sideBar.location. Kecuali saya mengacaukan ketika menyalin komentar saya sudah benar, toh saya kemudian perhatikan sekarang ada tombol baru untuk memindahkannya ke samping dan kembali ke bawah.
Stefano

2
Jawaban terbaik di sini. Ini memindahkan panel terminal (bawah) saya ke kanan seperti yang saya butuhkan. Persis seperti yang diminta op. Terima kasih!
Tyler Davis

Ini perlu untuk menutup terminal yang ada terlebih dahulu, dan melakukan CTRL+ `untuk menunjukkannya di sisi kanan
Aditya Kresna Permana

10

Klik opsi menu "Lihat" -> "Pindah ke Bilah Sisi Kanan". Setelah bilah samping bergerak ke kanan, opsi "Pindahkan ke Bar Samping Kanan" berubah menjadi "Pindah ke Bar Samping Kiri".

Bersulang


Ini tidak ada lagi
pmiranda

Ini telah pindah ke View> Appearance> Move Side Bar Kanan / Kiri
jkmartindale

10

Pada Juni 2019 pengaturan ini dapat ditemukan melalui pencarian 'Panel' - jika Anda ingin mengubah default ada opsi untuk itu seperti yang ditunjukkan pada tangkapan layar:masukkan deskripsi gambar di sini


1
Pengaturan di JSON adalah "workbench.panel.defaultLocation": "right"
williamli

Tepatnya apa yang saya cari! Terima kasih.
Vincent

9

Semoga ini bisa membantu seseorang.

-> terbuka untuk pintasan keyboard

-> cari "workbench.action.togglePanelPosition"

-> tetapkan pintasan yang Anda inginkan

Saya telah menetapkan keybinding "cmd +` "

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

sekarang saya bisa beralih terminal dengan menekan "cmd +` "


hmm aneh bagi saya di osx, terminal kehilangan fokus setelah saya melakukan ini
Daniel Lizik

7

Untuk Visual Studio Code v1.31.1, Anda dapat beralih sesi panel melalui menu Lihat .

  • Buka Menu Tampilan .
  • Melalui opsi Penampilan , klikToggle Panel Position

masukkan deskripsi gambar di sini


5

VSCode 1.42 (Januari 2020) memperkenalkan:

Panel di kiri / kanan

Panel sekarang dapat dipindahkan ke sisi kiri editor dengan pengaturan:

"workbench.panel.defaultLocation": "left"

Ini menghapus perintah View: Toggle Panel Position( workbench.action.togglePanelPosition) yang mendukung perintah baru berikut:

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

Bagi saya, saya harus memulai ulang VSCode untuk melihat perubahan.
Chuan

1
@Chuan OK Bagi saya, saya sedang menunggu VSCode Mei 2020 1.46: github.com/microsoft/vscode-docs/blob/…
VonC

4

Anda dapat melakukan hal yang sama dalam edisi orang dalam, Ada opsi di sudut kanan atas untuk beralih ke panel untuk memilah https://code.visualstudio.com/insiders/

terminal di sisi bawah terminal di sisi bawah

terminal di sisi kanan terminal di sisi kanan


1
Tautan ke suatu solusi disambut baik, tetapi harap pastikan jawaban Anda bermanfaat tanpanya: tambahkan konteks di sekitar tautan sehingga teman-teman Anda akan mengetahui apa itu dan mengapa ada, lalu kutip bagian yang paling relevan dari halaman yang Anda tuju. menghubungkan kembali jika seandainya halaman target tidak tersedia. Jawaban yang sedikit lebih dari sebuah tautan dapat dihapus.
Bug

Ada tombol tepat di sebelah ikon "x" tanda silang
pulankit

2
@ terima kasih, itu menghilang karena panel tidak cukup lebar dan saya tidak dapat menemukannya dengan popouts atau sesuatu.
MrFox

2

Saya tidak tahu sejak versi mana itu berubah tetapi 1.11.2 memiliki opsi di tab Lihat yang dapat mengubah bilah kiri ke kanan dan sebaliknya


OP mengacu pada panel bawah, bukan bilah sisi kiri.
steph643
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.