จะเปลี่ยนขนาดตัวอักษรของสภาพแวดล้อมได้อย่างไร?


234

มีวิธีการเปลี่ยนขนาดตัวอักษรของสภาพแวดล้อมใน Visual Studio Code หรือไม่? สิ่งต่างๆเช่นกล่อง IntelliSense แผงการดีบักชื่อไฟล์ ฯลฯ

ฉันรู้วิธีเปลี่ยนขนาดตัวอักษรของบรรณาธิการ แต่ฉันไม่สามารถหาวิธีเปลี่ยนขนาดตัวอักษรของสภาพแวดล้อมได้ ดังนั้นฉันสงสัยว่าคุณสามารถเปลี่ยนแปลงได้หรือไม่


คุณสามารถค้นหาสิ่งที่คุณต้องการใน settings.json จากเมนูการตั้งค่า ไมโครซอฟท์จะช่วยให้การตั้งค่ารูปแบบการปรับแต่งในเว็บไซต์ของพวกเขา
Chi-Shan Yu

1
คำตอบทั้งหมดเหล่านี้ยังเปลี่ยนขนาดตัวอักษรแก้ไข ฉันจะเปลี่ยนขนาดตัวอักษรของสภาพแวดล้อมโดยไม่ต้องแก้ไขได้อย่างไร
mark-hahn

1
น่าประหลาดใจที่ได้รับคำโหวตมากน้อยเพียงใด ไม่พบคำตอบของคำถาม OP ที่นี่ ถึงกระนั้นหลายคนก็ทำซ้ำคำตอบเดียวกันกับคำถามเดียวกัน แต่ยังแตกต่างจาก OP
Pedro Rodrigues

คำตอบ:


304

ไม่สามารถเปลี่ยนตระกูลหรือขนาดฟอนต์ภายนอกโปรแกรมแก้ไขได้ในขณะนี้ อย่างไรก็ตามคุณสามารถซูมอินเทอร์เฟซผู้ใช้เข้าและออกจากViewเมนูได้

อัปเดตสำหรับการเปิดตัว VS Code 1.0 ของเรา:

การตั้งค่าที่แนะนำใหม่window.zoomLevelช่วยให้สามารถคงระดับการซูมได้ดี! มันสามารถมีทั้งค่าลบและค่าบวกเพื่อซูมเข้าหรือออก


3
มีแผนจะปล่อยออกมาบ้างไหม? เราลงคะแนนได้ไหม? รายชื่อไฟล์นั้นดูเล็กมาก ๆ ในความละเอียดสูงเช่นเดียวกับ debug panel
Sul Aga

คุณลองใช้การซูมจากเมนูมุมมองหรือไม่?
Benjamin Pasero

ตอนนี้ดีขึ้นมาก คุณช่วยเพิ่ม "วิธีแก้ปัญหา" นี้ในคำตอบของคุณได้ไหมเพื่อที่ฉันจะได้ทำเครื่องหมายเป็นคำตอบ ขอบคุณ
Sul Aga

หากคุณซูมออกและสงสัยว่าเหตุใดเคอร์เซอร์จึงหายไปให้ตรวจสอบว่าคุณตั้งค่าเป็น "เส้นบาง ๆ " หรือไม่ การตั้งค่าเป็น "บรรทัด" จะช่วยแก้ไขปัญหาอย่างน้อยก็ถึง 60% การซูม
Michael Johnston

การย่อ / ขยายหน้าต่างมีข้อเสียสามารถเรียกใช้ "แบบอักษรฟัซซี่" ในเทอร์มินัลเช่น: github.com/microsoft/vscode/issues/84194
sandos

166

เพียงคัดลอก"editor.fontSize": 18ลงsetting.jsonในเครื่องมือแก้ไขของคุณ

การกดControl+ Shift+ Pจากนั้นพิมพ์ "การตั้งค่า" จะช่วยให้คุณค้นหาผู้ใช้หรือไฟล์การตั้งค่าพื้นที่ทำงานได้อย่างง่ายดาย

ป้อนคำอธิบายรูปภาพที่นี่


16
ทำงานได้ดี แต่ไม่เหมือนที่ OP ต้องการเพื่อปรับขนาดสิ่งทั้งหมดไม่เพียง แต่ในเท็กซ์เอดิเตอร์
Thaina

@ StepanSuvorov ดูคำตอบใหม่ของฉันด้านล่างฉันรู้ว่ามันมาสายแม้ว่าไชโย!
randomguy04

@ randomguy04 ยังไม่เห็นทางลัดสำหรับการเปลี่ยนขนาดในคำตอบของคุณ
สเตฟานโรฟ

91

ใน Visual Studio Code โดยการกดCtrl+และCtrl-คุณสามารถเปลี่ยนขนาดตัวอักษรโดยรวมของ IDE สิ่งนี้ช่วยได้เร็วกว่าการเปลี่ยนการตั้งค่าในทุกเซสชัน หวังว่ามันจะช่วย ...


4
หมายเหตุสิ่งนี้จะแก้ไขการตั้งค่าผู้ใช้ "window.zoomLevel": 1,
Damian Green

2
ในเวอร์ชันล่าสุดการซูมเข้าคือ Ctrl + =
Ryan Walker

22

ตั้งแต่กลางปี ​​2017เพื่อไปที่ไฟล์การตั้งค่าอย่างรวดเร็วกดctrl+ shift+ pและที่settingsนั่นคุณจะพบการตั้งค่าผู้ใช้และการตั้งค่าพื้นที่ทำงานโปรดทราบว่าการตั้งค่าพื้นที่ทำงานจะแทนที่การตั้งค่าของผู้ใช้ดังนั้นจึงเป็นการดีกว่า ทำให้การเปลี่ยนแปลงทั่วโลก (การตั้งค่าพื้นที่ทำงานจะสร้างโฟลเดอร์ในรากโครงการของคุณ) จากนั้นคุณจะมีตัวเลือกเพื่อเพิ่มตัวเลือก"editor.fontSize": 14ในการตั้งค่าของคุณเป็นข้อเสนอแนะอย่างรวดเร็ว แต่คุณสามารถทำมันเองและเปลี่ยนค่าที่คุณต้องการ ขนาดตัวอักษร.

หากต้องการสรุป:

  1. ctrl+ shift+p

  2. เลือก "การตั้งค่าผู้ใช้"

  3. เพิ่ม "editor.fontSize": 14


9
นี่ไม่ได้ตอบคำถามของ OP OP ขอให้เปลี่ยนขนาดตัวอักษรของสภาพแวดล้อมไม่ใช่แบบตัวแก้ไข
Chris

ขอบคุณสำหรับคำติชม @Chris แต่ฉันคิดว่ามันตอบคำถามและมีข้อมูลที่จำเป็น หากคุณต้องการให้มีต่อสภาพแวดล้อมให้เปลี่ยนการตั้งค่าพื้นที่ทำงานแทนการตั้งค่าผู้ใช้และการตั้งค่า specifi env ของคุณจะยังคงอยู่ใน.vscodeโฟลเดอร์
randomguy04

4
สหกรณ์ถามว่าสำหรับenvironmentในขณะที่ทุกอย่างใน GUI Stuff like IntelliSense box, debug panel, file names, etcที่ไม่ได้อยู่ในโปรแกรมแก้ไขข้อความ ฉันอาจจะผิด แต่ฉันไม่คิดว่า OP หมายถึง env ที่คุณกำลังพูดถึง
Chris

20

ลองเล่นโดยใช้การตั้งค่าผู้ใช้ดังต่อไปนี้:

{
  "editor.fontSize": 18,
  "window.zoomLevel": 1.5,
}

ควรเพิ่มคำตอบนี้ลงในคำตอบที่ยอมรับ รัดกุมมากและตรงประเด็น
Chris

4
"window.zoomLevel": 1.5เป็นตัวเลือกที่ดีมากสำหรับคนแก่อย่างฉัน
e2a

คำตอบที่ไม่ดีทั้งหมดที่นี่ด้วยจำนวนผู้อัปโหลดจำนวนมากนี่เป็นแนวทางที่ถูกต้องในที่สุด
ทำเครื่องหมาย

14

คุณสามารถซูมเข้าและซูมออกส่วนต่อประสานผู้ใช้ทั้งหมดจากเมนูมุมมอง

ตอนนี้ฉันใช้เวอร์ชั่น 1.21.1และในเมนูมุมมองคุณสามารถรับตัวเลือก Zoom in และ Zoom out ซึ่งเป็นตัวเลือกสุดท้ายที่ 2 และ 3 คุณสามารถทำมันโดยใช้Ctrl+ +และ+Ctrl-

คุณสามารถตั้งค่าการซูมในเวลาใด ๆ โดยการเลือกรีเซ็ตซูมตัวเลือก


1
ที่นี่ส่วนต่อประสานผู้ใช้ทั้งหมดหมายถึงโปรแกรมแก้ไข VSCode
shankar upadhyay

ใช่มันจะขยายหน้าต่างทั้งบานซึ่งสมบูรณ์แบบถ้าคุณมีหน้าจอความละเอียดสูง
Kirill

14

หลังจากกดControl+ Shift+ Pตามที่ @Edwin แนะนำ:

  1. ค้นหาการตั้งค่าพื้นที่ทำงาน:

ป้อนคำอธิบายรูปภาพที่นี่

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

ป้อนคำอธิบายรูปภาพที่นี่


10

ตามการเปลี่ยนแปลงของเวอร์ชัน 1.2 คำสั่งใหม่ถูกเพิ่มเข้ามาเพื่อซูมเข้าและออกเฉพาะตัวอักษร แต่เป็น UI ทั้งหมด

การเปลี่ยนแปลง: https://code.visualstudio.com/updates/v1_24#_font-zoom- คำสั่ง

ใช้การโยงคีย์ต่อไปนี้เพื่อแทนที่การดำเนินการซูมโกลบอลดีฟอลต์:

บน macOS:

{ "key": "cmd+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+cmd+=",         "command": "editor.action.fontZoomIn" },
{ "key": "cmd+=",               "command": "editor.action.fontZoomIn" },
{ "key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+cmd+-",         "command": "editor.action.fontZoomOut" },
{ "key": "cmd+-",               "command": "editor.action.fontZoomOut" },
{ "key": "cmd+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "cmd+0",               "command": "editor.action.fontZoomReset" },

บน Windows และ Linux:

{ "key": "ctrl+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+ctrl+=",         "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+=",               "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+ctrl+-",         "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+-",               "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "ctrl+0",               "command": "editor.action.fontZoomReset" },

8
  1. เปิดรหัส VS
  2. พิมพ์คำสั่งCTRL + SHFT + P
  3. การตั้งค่าประเภท
  4. ไฟล์การตั้งค่าจะเปิดขึ้น
  5. ตอนนี้ภายใต้ผู้ใช้> แก้ไขข้อความ> แบบอักษรค้นหาขนาดตัวอักษร
  6. ป้อนขนาดตัวอักษรที่คุณต้องการ

แค่นั้นแหละ.


7

ป้อนคำอธิบายรูปภาพที่นี่

ฉันมีของฉันตั้งค่าให้ "editor.fontSize": 12,

บันทึกไฟล์คุณจะเห็นผลที่ถูกต้อง

ป้อนคำอธิบายรูปภาพที่นี่

สนุก !


4
นั่นไม่ใช่สิ่งที่ถูกขอ
JohnC

7

วิธีง่ายๆในการเปลี่ยนขนาดตัวอักษรในสภาพแวดล้อมการทำงานของ Visual Studio:

ไปที่ : ไฟล์ -> การตั้งค่า -> การตั้งค่าหรือกดCTRL+ ,คือ CTRL + COMMA

นี้จะเปิดsettings.json

คุณสามารถดูได้ 3 แท็บ:

  1. การตั้งค่าผู้ใช้
  2. การตั้งค่าพื้นที่ทำงาน
  3. การตั้งค่าโฟลเดอร์

ไปที่การตั้งค่าผู้ใช้และเพิ่มสิ่งนี้:

{
"editor.fontSize": 16
}

ตอนนี้เพียงบันทึกและปิดไฟล์

ในรหัสข้างต้น16หมายถึงขนาดตัวอักษร เพิ่มขึ้นลดลงตามความต้องการของคุณ


6

(รหัส VS 1.33.1 บน Windows 7)

ซูมทั้งหมด (UI และแก้ไข): CTRL + + , CTRL + -

เครื่องมือแก้ไขซูม: วงล้อ CTRL + เมาส์

ดูด้านล่างว่าฉันแก้ไขมันอย่างไร

ตามที่แนะนำโดย @Edwin: กดควบคุม + Shift + P แล้วพิมพ์ "การตั้งค่า" จะช่วยให้คุณสามารถค้นหาไฟล์การตั้งค่าผู้ใช้หรือพื้นที่ทำงานได้อย่างง่ายดาย

พบไฟล์การตั้งค่าของฉันที่นี่: "C: \ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json"

ไฟล์ของฉันมีลักษณะเช่นนี้:

{
    "editor.fontSize": 12,
    "editor.suggestFontSize": 6,
    "markdown.preview.fontSize": 0,
    "terminal.integrated.fontSize": 10,
    "window.zoomLevel": 0,
    "workbench.sideBar.location": "left",
    "editor.mouseWheelZoom": true
}

6

เอาอายุฉันไปหาสิ่งที่ฉันทำโดยไม่ตั้งใจเมื่อหน้าต่างรหัสของฉันมีขนาดใหญ่มาก:

ย่อ = Ctrl+ Shift+ ,(จุลภาค)

ซูม = Ctrl+ Shift+ .(หยุดเต็ม / ระยะเวลา)

จริงๆแล้วไม่ใช่คำตอบของคำถามที่โพสต์เลย แต่ฉันคิดว่าคนอย่างฉันจะจบที่นี่เพราะอาการ!


5

มีตัวเลือกมากมายในการเปลี่ยนขนาดตัวอักษรในรหัส Visual Studio (เวอร์ชั่น: 1.36.1), Editor

ตัวเลือกที่ 1:

ไปที่: ไฟล์ > การตั้งค่า > การตั้งค่า > เลือกแท็บผู้ใช้ > ตัวแก้ไขข้อความ > ตัวอักษร > ขนาดตัวอักษร

ขนาดตัวอักษร :เปลี่ยนขนาดตัวอักษรเป็นพิกเซลตามความต้องการของคุณ


ตัวเลือก 2:

กดCtrl+P

ค้นหา: settings.json , เปิดไฟล์และเพิ่มบรรทัดนี้ใน ไฟล์settings.json :

{
    "editor.fontSize": 20
}

หมายเหตุ: บันทึกไฟล์หลังจากการเปลี่ยนแปลง


ตัวเลือก 3:

กดCtrl+ Shift+P

ค้นหา: Editor Font Zoom In

  • เพียงคลิกที่ขนาดตัวอักษรของคุณจะเพิ่มขึ้น

ค้นหา: แก้ไขตัวอักษรย่อ

  • เพียงคลิกที่ขนาดตัวอักษรของคุณจะลดลง

4

ณ ตอนนี้ (มีนาคม 2018) และเวอร์ชั่น 1.21.0 คุณสามารถไปที่การตั้งค่าการค้นหาสำหรับ 'ซูม' และการเปลี่ยนแปลงที่เป็นเท็จโดยค่าเริ่มต้น"editor.mouseWheelZoom": false trueนี้จะช่วยให้การซูมเข้า / ออกใน VS รหัสโดยใช้ปุ่มควบคุมและเมาส์ ctrl + scrollUp/scrollDown- สำหรับการเปลี่ยนfontSizeพื้นที่ทำงาน / หน้าจอโดยรวมของรหัส VS ให้อ้างอิงกับคำตอบของ Alegozalves ด้านบน


4

ใน Visual Studio Code ขนาดตัวอักษรสามารถเปลี่ยนได้อย่างง่ายดายจากแท็บการตั้งค่า

ง่ายวิธีการทำเช่นนี้คือการกดCtrl+ Shift+ Pแล้วพิมพ์ 'ตั้งค่า' นี่จะแสดงผลลัพธ์บางอย่างให้คุณ เลือก 'การตั้งค่า (UI)' แท็บการตั้งค่าจะเปิดขึ้นในเครื่องมือแก้ไข ตอนนี้คุณสามารถเปลี่ยนการตั้งค่าแบบอักษรได้จากที่นี่ สิ่งนี้จะมีผลกับแบบอักษรของเครื่องมือแก้ไขเท่านั้น

หรือคุณสามารถคลิกที่ไอคอนการตั้งค่าที่ด้านล่างซ้ายของหน้าต่างและค้นหาแบบอักษรจากที่นั่น

ป้อนคำอธิบายรูปภาพที่นี่

เพื่อที่จะเปลี่ยนขนาดตัวอักษรของสภาพแวดล้อมทั้งคุณอาจพิจารณาการกด+ctrl +สิ่งนี้จะทำงานเหมือนกับการซูมเข้าสู่สภาพแวดล้อมทั้งหมดทำให้ขนาดตัวอักษรเพิ่มขึ้น

เลือกการตั้งค่า (UI)


3

กดCtrlและใช้ล้อเมาส์เพื่อซูมเข้าหรือออก


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

3

กดCtrl, Shift, Pในเวลาเดียวกัน, Editor Zoom inเมนูจะปรากฏขึ้นให้ค้นหา หลังจากเลือกแล้วแบบอักษรจะใหญ่ขึ้นในระดับหนึ่ง

ทำซ้ำจนกว่าคุณจะบรรลุขนาดตัวอักษรที่คุณต้องการ


1

คุณสามารถใช้editor.fontSizeเป็นsetting.jsonไฟล์ของเครื่องมือแก้ไข

ตัวอย่างเช่น :

{
"editor.fontSize": 14
}
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.