แบบอักษรใดที่ใช้ใน Visual Studio Code Editor และวิธีเปลี่ยนแบบอักษร

ฉันลองใช้ตัวแก้ไขรหัส Visual Studio ( https://code.visualstudio.com/ ) ซึ่งเพิ่งจะประกาศเมื่องานสร้าง ฉันลองบน Windows และ Ubuntu ฉันเห็นว่าแบบอักษรเริ่มต้นของ Visual Studio Code Editor ไม่ใช่ consolas ที่ต้องการในโปรแกรมแก้ไขรหัสของฉัน

ดังนั้นแบบอักษรเริ่มต้นของ Visual Studio Code Editor ในทุกสภาพแวดล้อม (Ubuntu, MAC OS และ windows) คืออะไร และฉันจะเปลี่ยนมันได้อย่างไร

ไป>Preferences User Settings(อีกวิธีหนึ่งคือCtrl+ ,/ Cmd+ ,บน macOS)

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

นี่คือตัวอย่าง:

// Controls the font family.
"editor.fontFamily": "Consolas",

// Controls the font size.
"editor.fontSize": 13

ลิงค์ที่มีประโยชน์:

• การตั้งค่าเริ่มต้น

ในการตั้งค่าเริ่มต้นรหัส VS ใช้แบบอักษรต่อไปนี้ (14 pt) ตามลำดับจากมากไปน้อย:

• โมนาโก
• Menlo
• Consolas
• "Droid Sans Mono"
• "Inconsolata"
• "เพื่อนใหม่"
• monospace (ทางเลือก)

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

แบบอักษรเริ่มต้นแตกต่างกันใน Windows, Mac และ Linux ในฐานะของ VSCode 1.15.1 การตั้งค่าแบบอักษรเริ่มต้นสามารถพบได้ในรหัสที่มา :

const DEFAULT_WINDOWS_FONT_FAMILY = 'Consolas, \'Courier New\', monospace';
const DEFAULT_MAC_FONT_FAMILY = 'Menlo, Monaco, \'Courier New\', monospace';
const DEFAULT_LINUX_FONT_FAMILY = '\'Droid Sans Mono\', \'Courier New\', monospace, \'Droid Sans Fallback\'';

ใน VSCode ถ้า"editor.fontFamily": ""ว่างเปล่าขนาดตัวอักษรจะไม่ทำงาน ตั้งค่าตระกูลฟอนต์เพื่อเปลี่ยนขนาด

"editor.fontFamily": "Verdana", หรือ "editor.fontFamily": "Monaco",

จริงๆใช้สิ่งที่ครอบครัวตัวอักษรที่คุณชอบ

จากนั้น"editor.fontSize": 16, ควรทำงาน

บนฟอนต์ VS Code ที่เป็นค่าเริ่มต้นของ windows 8.1 ของฉันคือ Consolas แต่คุณสามารถเปลี่ยนแบบอักษรได้อย่างง่ายดายในไฟล์ -> ค่ากำหนด -> ค่ากำหนดผู้ใช้ ไฟล์ setting.json จะถูกเปิดพร้อมกับไฟล์การตั้งค่าเริ่มต้นจากที่คุณสามารถใช้ไวยากรณ์และชื่อสำหรับคุณสมบัติการตั้งค่าและตั้งค่าของคุณเองใน settings.json

บน Windows การตั้งค่าเริ่มต้นมีดังนี้ (ฉันไม่เคยติดตั้ง Monaco หรือ Menlo)

{
    "editor.fontFamily": "Consolas",
    "editor.fontSize": 14,
    "editor.lineHeight": 19
}

แบบอักษรการตั้งค่าขนาด 12 และ lineHeight ถึง 16 อย่างใกล้เคียง Visual Studio ตั้งค่าเป็น Consolas ด้วยขนาด 10pt ฉันไม่สามารถจับคู่ที่ตรงกันได้ (แบบอักษรของ VS Code นั้นโดดเด่นกว่าเล็กน้อย) แต่ใกล้พอ

อีกวิธีหนึ่งในการพิจารณาแบบอักษรเริ่มต้นคือเริ่มพิมพ์"editor.fontFamily"ในการตั้งค่าและดูสิ่งที่แนะนำให้ป้อนอัตโนมัติ บน Mac จะแสดงตามค่าเริ่มต้น:

"editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace",

ซึ่งยืนยันสิ่งที่ Andy Li กล่าวไว้ข้างต้น

เปิด vscode

กด ctrl,กด

การตั้งค่าคือ "editor.fontFamily"การตั้งค่าเป็น

บน Linux เพื่อรับรายการฟอนต์ (และชื่อที่คุณต้องใช้) เรียกใช้งานในเชลล์อื่น:

fc-list | awk '{$1=""}1' | cut -d: -f1 | sort| uniq

คุณสามารถระบุรายการแบบอักษรเพื่อให้มีค่าทางเลือกในกรณีที่แบบอักษรหายไป

ตั้งแต่ VisualStudio ได้รับการปรับปรุงในขณะนี้ (2019) คุณสามารถลองวิธีนี้:

• ไปที่ File->
• ไปที่แท็บพื้นที่ทำงานแล้วแก้ไขข้อความ -> ตัวอักษร
• ภายใต้รูปแบบฟอนต์ - ตระกูลให้ใส่ชื่อฟอนต์ - ตระกูลที่คุณต้องการใช้คั่นด้วยเครื่องหมายจุลภาคตัวอย่างเช่นฉันใส่แบบอักษรเหล่านี้ในพื้นที่ทำงานของฉัน: คลิกเพื่อดูการตั้งค่าพื้นที่ทำงานของฉัน

ไปที่เครื่องมือ -> ตัวเลือกบนเมนูในหน้าต่างหลัก ภายใต้คอนเทนเนอร์ของสภาพแวดล้อมคุณสามารถเห็นแบบอักษรและสี คุณสามารถเลือกแบบอักษรและสีที่คุณต้องการ