למפתח קל לזלזל בחשיבות סביבת העבודה שלו. לא, אנחנו לא מדברים על צבע הכיסא, השולחן וקיר שלך. אנחנו מדברים על סביבת העבודה הוירטואלית שלך.
גורם לעורך הקוד של Visual Studio שלך להרגיש כמו בבית חשוב מאוד ליעילות העבודה שלך. הגופן מכסה חלק גדול מהתחושה הכללית של VS. במאמר זה, נלמד אותך כיצד לערוך גופנים בחלקים שונים של עורך VS Code.
כיצד לשנות גופן בקוד VS
גם אם אתה מפתח שעובד עם VS כבר זמן רב, ייתכן שעדיין לא ידעת על אפשרויות שינוי הגופנים שלו.
אם לא אכפת לך מדוע בחירת גופן משלך חשובה, קפוץ ישר למדריך כמה פסקאות למטה. עם זאת, זכור שהסיבות לשינוי הגופן שלך (מתוארות להלן) יכולות לעזור להחלטה שלך.
מדוע גופנים כה חשובים ב-VS? ובכן, אם הפן האסתטי לא מספיק לכם (ותאמינו לנו, אחרי שעות על גבי שעות שהייה בעורך קוד, זה מתחיל לעניין), זה בעצם גם קשור לפונקציונליות. אז מה הופך את הגופן ל"מתאים" עבור VS?
בעיקר, תרצה שההבחנה בין דמויות דומות תהיה בולטת. לדוגמה, הבחנה קלה של המספר 1 והאותיות הקטנות L יכול להאיץ משמעותית את הקידוד ולחסוך לך זמן.
לאחר מכן, יש את העובדה שחלק מהמפתחים אוהבים להשתמש בקשרים. ליגטורות הן כמה סמלים המחוברים יחד. אלה נקראים גם "גליפים", והם יכולים להיות בעלי משמעות רבה בעת קידוד.
ללא עיכובים נוספים, הנה איך לשנות את משפחת הגופנים ב- VS:
- פתח את עורך VS שלך.
- נווט לחלק העליון של המסך ובחר קוֹבֶץ.
- כעת, בתפריט הנפתח, עבור אל העדפות >הגדרות.
- כעת תראה את ה בשימוש נפוץ עם תפריט בצד ימין של המסך, תוכל לגשת לגופן מדף זה או על ידי ביצוע השלב הבא.
- או, לחץ על עורך טקסט > גופן וחפש את ערך ברירת המחדל "editor.fontFamily": "קונסולות”.
- ואז, במקום "קונסולות," הזן את שם הגופן המועדף עליך.
זה אמור לשנות באופן אוטומטי את משפחת הגופנים.
כיצד לשנות את גודל הגופן בקוד VS
גם אם יש לך ראייה מושלמת, תרצה לשמור על העיניים שלך נוחות ככל האפשר בעת כתיבת שורות קוד. בדיוק כמו שהפער בין תווים דומים חשוב בבחירת משפחת גופנים, גודל הפונט חשוב כדי להקל על הקידוד על העין ולעזור לך לעבוד בצורה יעילה יותר.
אין נוסחה קסומה לגודל הגופן הטוב ביותר לקידוד. באופן אידיאלי, תרצה לראות את הדמויות בצורה ברורה ככל האפשר, אבל תרצה גם שהקו יתאים לחלון VS. לכן, נסה גדלי גופן שונים ומצא את הגופן המושלם שמתאים לצרכי הקידוד שלך.
הנה איך לשנות את גודל הגופן בקוד VS:
- נווט אל הגדרות משתמש תפריט (שלב מספר 3 במדריך הגופנים).
- חפש את ה "editor.fontSize": 15 קו, ייתכן שגודל הגופן שלך מוגדר למשהו אחר.
- ואז, במקום "15," הזן את גודל הגופן המועדף עליך.
כיצד לשנות גופן של Explorer בקוד VS
תכונת הסייר בקוד VS פועלת בדיוק כמו תכונת הסייר ברוב האפליקציות האחרות. הוא משמש לניהול, דפדוף ופתיחת קבצים ותיקיות כדי לעבוד על הפרויקט שלך. מכיוון שקוד VS מבוסס על תיקיות וקבצים, הסייר מקל עליך להתחיל - פשוט פתח את הקובץ/תיקיה באמצעות VS Code. זה פשוט כמו זה.
אתה יכול לצפות להשתמש ב- VS Code Explorer קצת. אם גודל הגופן של האקספלורר לא מתאים לך, תשמח לדעת שאתה יכול לשנות אותו.
- לך אל הגדרות משתמש שוב בתפריט.
- למצוא את ה "editor.fontSize": 14 ערך הגופן שלך עשוי להיות שונה.
- שנה את זה לגודל גופן לבחירתך, 18 משמש בדוגמה זו.
כיצד לשנות גופן מסוף בקוד VS
במקום להחליף חלונות או לבצע שינויים במצב הטרמינל הקיים, VS Code מאפשר לך להשתמש במסוף משולב, שנמצא בשורש הפרויקט/סביבת העבודה שלך. כמובן, אולי כדאי לבצע שינויים בגופן כאן כדי להקל על השימוש. הנה איך לשנות את הגופן של מסוף VS Code:
- נווט אל תיקיית השורש של הפרויקט/סביבת העבודה שלך.
- פתח את ה settings.json קובץ באמצעות קוד VS. לחלופין, בקוד VS, הקש Ctrl+Shift+P (במקום Ctrl, השתמש ב-Command עבור התקני Mac) ומצא את settings.json קוֹבֶץ.
- שנה את שלוש השורות המתאימות לזה:
"terminal.external.osxExec": "iTerm.app","terminal.integrated.shell.osx": "/bin/zsh",
"terminal.integrated.fontFamily": "D2Coding",
ציין זאת קידוד D2 מהווה דוגמה. אתה יכול גם לבחור כל גופן אחר שאתה מעדיף.
- שמור את ההגדרות בסיום.
כדי לשנות את גודל הגופן של הטרמינל, נווט אל "terminal.integrated.fontSize": ערך והגדר אותו לפי העדפתך.
כיצד לשנות גופן עבור הערות בקוד VS
הערות קוד הן, כברירת מחדל, באותו הגופן כמו שאר הקוד. שינוי זה גורם להם להתבלט, מה שיכול לעתים קרובות למנוע שעות של עבודה בזבוז (קל לפספס הערה כשהיא באותו גופן כמו כל דבר אחר ב-VS). עד כמה שדבר כזה נראה פשוט, הפתרון הוא קצת יותר מורכב ממה שהיית מצפה. כמו כן, ייתכן שהתוצאות לא יהיו אידיאליות, מכיוון שהדבר עלול לגרום לבעיות יישור מסוימות. ובכל זאת, זה לא מזיק לנסות:
- עבור אל תיקיית ההתקנה של השורש עבור VS Code במכשיר שלך.
- נווט אל לגעת בסגנון.css כניסה בטרמינל. פעולה זו תיצור גיליון סגנונות.
- עכשיו, הגיע הזמן להוסיף את כלל הגופן. הנה דוגמה לסגנון:
.mtk3 {font-family: "iosevka";
גודל גופן: 1em;
סגנון גופן: נטוי;
}
- לִפְתוֹחַ settings.json והוסיפו את הערך הזה:
"vscode_custom_css.imports":"file:///Users/username/.vscode/style.css"],
- כעת, הורד את הפלאגין Custom CSS ו-JS Loader.
- לאחר ההתקנה, השתמש ב- Ctrl+Shift+P הפקודה וודא שהתוסף מופעל.
- הפעל מחדש את קוד VS.
- התגובות אמורות להיות עם גופן חדש.
כיצד לשנות את גודל הגופן של סרגל הצד בקוד VS
אין הגדרה בקוד VS המאפשרת למשתמש לשנות את גודל הגופן של הטרמינל. עם זאת, קיימת דרך לעקיפת הבעיה, והיא כוללת את הפלאגין Custom CSS ו-JS Loader שהוזכר.
- בתוסף, נווט אל פרטי התוסף ופעל בקפידה על קטע ההדרכה.
- השתמש בלוגיקה הבאה:
"vscode_custom_css.imports": ["[הכנס כתובת URL של קובץ מותאם אישית]"] - עשה זאת עבור כל קובץ מותאם אישית.
התוצאה אמורה ליצור סרגל צד VS Code הרבה יותר טוב ואסתטי.
כיצד לשנות גופן באמצעות מערכות הפעלה שונות
אם אתה מקודד ב-VS, אתה משתמש במחשב Windows, ב-Mac או במערכת לינוקס. למרות ששלושת אלה אינם זהים מבחינת VS, ההבדלים מסתכמים בעיקר באפשרות מקש Ctrl/Cmd ולמיקומי ברירת המחדל של קובצי VS Code. אז העיקרון של שינוי גופן בקוד VS נשאר כמעט זהה בכל המכשירים.
שאלות נפוצות נוספות
למה אני לא יכול לשנות את הגופן בקוד VS?
יש הרבה טעויות שאתה יכול לעשות בקוד VS, ושינוי הגופן אינו פשוט כמו לעשות זאת ב-MS Word. מכיוון שתשתמש בהרבה קידוד כדי לשנות את גופן VS Code בפועל, עליך לדעת על הפיקוח השכיח ביותר שאנשים מבצעים. ודא שכל ערך מוקף במרכאות. לדוגמה, "vscode_custom_css.imports": ["file:///Users/username/.vscode/style.css"], לא יעבוד אלא אם תשתמש במרכאות. בנוסף, ודא שאתה משתמש ברווחים בין הפקודות.
איזה גופן משמש לקוד בקוד VS?
כברירת מחדל, הגופן המשמש לקידוד בקוד VS הוא Consolas. אם תעקבו אחר המדריך הזה, תוכלו לשנות את רוב הגופנים בקוד VS, בין אם אנחנו מדברים על הקוד עצמו, הטרמינל, ההערות או תכונת הסייר.
עם זאת, אם אתה מדבר על הגופן שנמצא בתמונות האתר הרשמיות של VS Code, אף אחד לא יכול להגיד לך באיזה מהם נעשה שימוש. אלא אם כן מפתחי VS Code חושפים במפורש באיזה גופן נעשה שימוש, אין דרך לגלות זאת.
איך אני פורץ גופן VS Code?
במקור, לפרוץ פירושו לשנות, אבל אם בכך אתה מתכוון להוספת גופן ה-Hack ל-VS, אתה יכול להוסיף אותו דרך אתר האינטרנט של ה-Hack. הורד את הגופן TrueType מ-Hack. חלץ את קובץ ה-zip שהורדת. התקן את הקבצים שחולצו. לאחר מכן, עבור אל כלים ולאחר מכן אפשרויות. בתפריט האפשרויות, בחר סביבה ולאחר מכן נווט אל גופנים וצבעים. פתח את התפריט הנפתח גופן ובחר בערך ה-Hack.
באיזה פונט משתמשים האקרים?
ככלל אצבע, כל קודן, כולל האקרים, משתמש בגופן שהוא אוהב. דוגמה טובה לגופן פופולרי שלכאורה הוא "בחירת האקר" תהיה Ray Bluetens, הידוע גם בשם Lawn Dart Fonts.
שינוי אפשרויות גופן בקוד VS
התמודדות עם אפשרויות גופנים ב- VS Code היא בהחלט לא פשוטה כמו שינוי גופנים בתוכנת עורך טקסט. עם זאת, בהתחשב בכך שאנחנו מדברים כאן על תוכנת קידוד, VS מציעה מגוון רחב של אפשרויות בהשוואה למתחרות שלה. עקוב אחר ההוראות במאמר זה והפוך את חוויית הקידוד שלך לכמה שיותר מותאמת אישית, ידידותית למשתמש וחלקה.
האם הצלחת לערוך את הגדרות הגופן שלך בקוד VS? נתקלת בבעיות כלשהן? גלול למטה ועיין בסעיף ההערות שלנו למטה. זה שופע עצות טובות. אל תימנע גם מלשאול שאלה משלך או להתחיל דיון. הקהילה שלנו יותר משמחה לעזור.