การย้ายพาเนลใน Visual Studio Code ไปทางด้านขวา

246

ใน Visual Studio Code ส่วนพาเนลอยู่ด้านล่างโดยค่าเริ่มต้น ฉันจะย้ายไปทางด้านขวาได้อย่างไร ตัวอย่างเช่นในภาพต่อไปนี้พาเนล (ส่วน D) อยู่ที่ด้านล่าง แต่ฉันต้องการให้ย้ายไปด้านขวาเช่นในพื้นที่ที่ README.md editior แสดงในกลุ่มแก้ไข (มาตรา C)

เครดิตรูปภาพ: ( https://code.visualstudio.com/images/codebasics_hero.png )

visual-studio-code vscode-settings

— user2047246
แหล่งที่มา

สีด้านหลังของแถบเลื่อนไม่มั่นคงและผลลัพธ์คือ ... ! [ป้อนคำอธิบายภาพที่นี่ ] ( i.stack.imgur.com/pTmzS.png )

— MCunha98

4

คุณควรอัปเดตคำถามนี้เพื่อยอมรับคำตอบของ @dcastro คำตอบที่ยอมรับในปัจจุบันไม่สามารถใช้ได้อีกต่อไป

— jmargolisvt

539

ตั้งแต่ตุลาคม 2018 (เวอร์ชั่น 1.29) ปุ่มในคำตอบของ @ mvvijesh ไม่มีอยู่อีกต่อไป

ตอนนี้คุณมี 2 ตัวเลือก คลิกขวาที่แถบเครื่องมือของแผงควบคุม (ไม่มีที่อื่นบนแผงควบคุม) และเลือก "ย้ายแผงด้านขวา / ล่าง":

หรือเลือก " มุมมอง: สลับตำแหน่งแผง " จากพาเล็ตคำสั่ง

แหล่งที่มา: บันทึกการอัพเดท VSCode: https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu

— dcastro
แหล่งที่มา

62

เป็นมูลค่าการกล่าวขวัญว่าต้องคลิกขวาบนแถบเครื่องมือของแผง (คลิกที่ใดจะไม่ช่วยเหลือ.)

— customcommander

11

น่ารำคาญแค่ไหน การเปลี่ยนแปลงอย่างต่อเนื่อง

— ดูคมชัดยิ่งขึ้น

7

ขอบคุณ! นี่ทำให้ฉันบ้า ทำไมพวกเขาถึงเอาปุ่มออกไปใน 1.29.1 มันสอดคล้องกับเครื่องมือ dev ของ Chrome มาก่อนและตอนนี้ไม่ใช่

— colefner

9

@colefner เพื่อเตือนคุณว่าคุณกำลังใช้ผลิตภัณฑ์ Microsoft: มันยังไม่พัง แต่พวกเขาก็มั่นใจว่า heck จะดำเนินต่อไปและแก้ไข

— mkvlrn

10

@shashwat workbench.action.togglePanelPositionใช่เปิดแป้นพิมพ์ลัดและค้นหา คุณสามารถเพิ่มแป้นพิมพ์ลัดที่จะสลับไปมา

— Jake Bathman

126

สำหรับคนที่กำลังมองหาคำตอบ (เกี่ยวกับวิธีการย้ายแผงด้านข้าง):

คุณสามารถกด

ctrl+ ,(หรือcmd+ ,บน OSX)

และเพิ่มตัวเลือกต่อไปนี้ในไฟล์ JSON การตั้งค่าผู้ใช้ของคุณ:

"workbench.sideBar.location": "right"

— ฟอร์เร
แหล่งที่มา

10

OP หมายถึงแผงด้านล่างไม่ใช่แถบด้านข้างซ้าย

— steph643

6

@ steph643 OP ไม่ชัดเจนในหัวเรื่องของเขาซึ่งเขาก็อ้างถึงเช่นกัน แม้ว่าคำถามของเขาจะอธิบายอย่างชัดเจนว่าเป็นเรื่องที่เราเห็นในผลการค้นหาของ Google คำตอบนี้เป็นคำตอบสำหรับคำถามที่ฉันมี บ่อยครั้งที่มันถูกลืมไปว่าสำหรับมวลชนที่กำลังมองหาคำตอบมันเป็น Google ที่นำเราไปรอบ ๆ จมูกจนกว่าเราจะพบที่ไหนสักแห่งที่คำตอบที่ถูกต้องไม่ได้ถูกปฏิเสธเราด้วย mod ที่หนักและสายตาสั้นบางตัว ยืนที่ความสนใจและคำนับความฉลาดของพวกเขา

— hawkeyegold

@forres เป็นไปได้ไหมที่จะทำให้พาเนลลอยและย้ายไปยังจอภาพอื่น? นี่เป็นการตั้งค่าปกติของฉันเมื่อทำงานกับ VS - code ด้านซ้ายพาเนลทั้งหมดที่อยู่ด้านขวา การเปลี่ยนจุดยึด (ซ้าย / ขวา) ของแถบด้านข้างนั้นไม่เปลี่ยนจำนวนตัวแก้ไขข้อความที่มองเห็น

— Darius

3

ฉันเห็นด้วยกับ @hawkeyegold - ในขณะที่คำตอบอย่างชัดเจนไม่ตอบเจตนาของ OPs มันมีประโยชน์อย่างเหลือเชื่อเนื่องจากฉัน googled คำถามนี้ในขณะที่มีคำถามเดียวกันกับ Forres - ต้องการย้ายแถบด้านข้างปรับแต่ง ขอบคุณมาก!

— ต่อ Lundberg

2

downvoted เนื่องจากคำตอบนี้สร้างความสับสนและอุดตันเพื่อหาคำตอบที่ถูกต้อง ผู้เขียนถามว่าจะย้ายPanelอย่างไรไม่ใช่แผงข้าง คำตอบที่ถูกต้องเป็นของ Stefano:"workbench.panel.defaultLocation": "right"

— Barabas

112

ฉันใช้ Visual Studio Code v1.24.0 บน Mac

โดยค่าเริ่มต้นพาเนลจะปรากฏที่ด้านล่าง (คุณสามารถเปลี่ยนค่าเริ่มต้นได้เช่นกันโปรดดูที่คำตอบของ @Forres: การย้ายพาเนลในรหัส Visual Studio ไปทางด้านขวา )

นี่คือปุ่มสลับด้านล่าง / ขวาสำหรับแผงรหัส VS:

เมื่อฉันคลิกที่ปุ่มนี้แผงจะเลื่อนไปทางขวา

การเคลื่อนย้ายมันกลับเป็นเรื่องยุ่งยากเล็กน้อย อย่างที่คุณเห็นปุ่มบางปุ่มถูกซ่อน นี่เป็นเพราะความกว้างของแผงเมื่อจัดชิดขวามีขนาดเล็กเกินไป เราจำเป็นต้องขยายคอลัมน์เพื่อดูปุ่มทั้งหมด

นี่คือลักษณะของการขยาย:

ตอนนี้ถ้าคุณต้องการย้ายแผงกลับไปด้านล่างคลิกที่ปุ่มสลับด้านล่าง / บนอีกครั้ง

— mvvijesh
แหล่งที่มา

6

ทำให้งง ด้านล่างถูกซ่อนอยู่และมีอีกอย่างที่ดูเหมือน bad 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 อ้างถึงแผงด้านล่างไม่ใช่แผงปรับแต่ง พาเนล workbench คือสิ่งที่มีไฟล์ explorer, นามสกุล, ฯลฯ น่าเสียดายที่ทั้งคู่ถูกเรียกใช้___ panelดังนั้นจึงเป็นเรื่องง่ายที่จะเกิดความสับสน

— เจสันทอด

6

workbench.sideBar.locationผมคิดว่าคนที่คุณกำลังคิดที่จะเป็นจริง นอกจากว่าฉันจะเกิดความสับสนเมื่อคัดลอกความคิดเห็นของฉันถูกต้องแล้วฉันก็สังเกตเห็นว่าตอนนี้มีปุ่มใหม่ที่จะย้ายไปด้านข้างและกลับไปที่ด้านล่าง

— เตฟาโน

2

คำตอบที่ดีที่สุดที่นี่ มันย้ายพาเนลเทอร์มินัล (ด้านล่าง) ไปทางขวาเหมือนที่ฉันต้องการ ตรงตาม op ที่ร้องขอ ขอบคุณ!

— Tyler Davis

มันจำเป็นต้องปิดเทอร์มินัลที่มีอยู่ก่อนและทำCTRL+` เพื่อแสดงทางด้านขวา

— Aditya Kresna Permana

10

คลิกตัวเลือกเมนู "ดู" -> "เลื่อนไปที่แถบด้านข้างขวา" เมื่อแถบด้านข้างเลื่อนไปทางขวาตัวเลือก "ย้ายไปที่แถบด้านข้างขวา" จะเปลี่ยนเป็น "ย้ายไปที่แถบด้านซ้าย"

ไชโย

ไม่มีอีกแล้ว

— pmiranda

สิ่งนี้ได้ย้ายไปที่มุมมอง> ลักษณะที่ปรากฏ> เลื่อนแถบด้านข้างขวา / ซ้าย

— jkmartindale

10

ตั้งแต่มิถุนายน 2019 การตั้งค่านี้สามารถพบได้ผ่านการค้นหา 'แผง' - หากคุณต้องการเปลี่ยนค่าเริ่มต้นจะมีตัวเลือกสำหรับมันตามที่แสดงในภาพหน้าจอ:

— NickersF
แหล่งที่มา

1

การตั้งค่าใน JSON คือ "workbench.panel.defaultLocation": "right"

— williamli

สิ่งที่ฉันกำลังมองหาอย่างแม่นยำ! ขอบคุณ

— Vincent

9

หวังว่านี่จะช่วยใครซักคน

-> เปิดไปยังแป้นพิมพ์ลัด

-> ค้นหา "workbench.action.togglePanelPosition"

-> กำหนดทางลัดที่คุณต้องการ

ฉันได้รับการผูกกุญแจ "cmd +` "

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

ตอนนี้ฉันสามารถสลับขั้วได้โดยกด "cmd +` "

— sh6210
แหล่งที่มา

อืมแปลกสำหรับฉันใน osx, terminal เสียโฟกัสหลังจากที่ฉันทำเช่นนี้

— Daniel Lizik

7

สำหรับ Visual Studio Code v1.31.1 คุณสามารถสลับเซสชันพาเนลผ่านเมนูมุมมอง

ไปที่มุมมองเมนู
ผ่านตัวเลือกลักษณะที่ปรากฏคลิกที่Toggle Panel Position

— เมลไมเคิล
แหล่งที่มา

4

คุณสามารถทำเช่นเดียวกันในฉบับของคนวงในมีตัวเลือกที่มุมขวาบนเพื่อเปลี่ยนเป็นแผงไปยังแถบด้านข้าง https://code.visualstudio.com/insiders/

ขั้วที่ด้านล่าง

ขั้วที่ด้านขวา

— pulankit
แหล่งที่มา

1

ยินดีต้อนรับลิงก์ไปยังโซลูชัน แต่โปรดตรวจสอบให้แน่ใจว่าคำตอบของคุณมีประโยชน์หากไม่มี: เพิ่มบริบทรอบลิงก์เพื่อให้ผู้ใช้เพื่อนของคุณมีความคิดว่ามันคืออะไรและเพราะเหตุใดจึงอยู่ที่นั่น กำลังเชื่อมโยงไปยังในกรณีที่หน้าเป้าหมายไม่พร้อมใช้งาน คำตอบที่น้อยกว่าลิงก์อาจถูกลบ

— Bugs

มีปุ่มอยู่ถัดจากไอคอนกากบาท "x"

— pulankit

2

@pulankit ขอบคุณมันหายไปเพราะบานหน้าต่างไม่กว้างพอและฉันไม่สามารถหามันได้ด้วยป๊อปอัปหรืออะไรซักอย่าง

— MrFox

4

VSCode 1.42 (มกราคม 2563) แนะนำ:

แผงด้านซ้าย / ขวา

ตอนนี้พาเนลสามารถถูกย้ายไปทางด้านซ้ายของเอดิเตอร์ด้วยการตั้งค่า:
"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)

— VonC
แหล่งที่มา

สำหรับฉันฉันต้องรีสตาร์ท VSCode เพื่อดูการเปลี่ยนแปลง

— ชวน

1

@ ชวนตกลง สำหรับฉันฉันกำลังรอ VSCode พฤษภาคม 2020 1.46: github.com/microsoft/vscode-docs/blob/ …

— VonC

2

ฉันไม่รู้ว่ามันเปลี่ยนรุ่นไหน แต่ 1.11.2 มีตัวเลือกในแท็บมุมมองซึ่งสามารถเปลี่ยนแถบด้านซ้ายไปทางขวาและในทางกลับกัน

— Nickos
แหล่งที่มา

OP หมายถึงแผงด้านล่างไม่ใช่แถบด้านข้างซ้าย

— steph643