וובמאסטר - תיכנות ובניית אתרים

מדריך Visual Studio Express - מסך עורך הקוד

ironshay ,‏ CodeValue‏ ‏/‏ 19 פברואר, 2011
F+
F-

Visual Studio היא סביבת פיתוח אשר מאפשרת לנו לכתוב את הקוד שיפעיל את התוכנה שלנו. אף על פי שכתיבת הקוד היא המרכז, סביבת הפיתוח מנסה לפשט את התהליך באמצעות עזרים שונים.

בפתיחת קובץ קוד, סביבת הפיתוח תראה פחות או יותר כך:

Visual Studio Express - מסך עורך הקוד

שימו לב לחלקים השונים במסך. במדריך זה נתמקד ב:

  • עורך הקוד - החלק הגדול ביותר במסך (מצד שמאל).
  • נווט הפתרון (Solution Explorer) - העץ המופיע בצד ימין.
  • קיצורי מקלדת שימושיים לזירוז תהליך כתיבת הקוד.

עורך הקוד

עורך הקוד הוא החלק הגדול ביותר במסך המופיע מצד שמאל ונראה כך:

Visual Studio Express - עורך הקוד

הדבר הראשון שניתן לשים אליו לב במסך זה הוא הצבעים השונים בו צבוע הטקסט. צבעים אלו נועדו להקל על קריאת הקוד והבדלה מהירה בין חלקיו השונים.

אך כאן לא נגמרת רשימת האפשרויות במסך זה. נעבור כאן גם על אפשרות הניווט המהיר, הגדלת/הקטנת גודל הכתב וצמצום חלקי קוד.

ניווט מהיר

שימו לב לחלק העליון:

Visual Studio Express - ניווט מהיר בקוד

חלק זה מאפשר ניווט מהיר בין המחלקות והמתודות בתוך הקובץ הנוכחי. הפקד מצד שמאל מכיל את רשימת המחלקות והפקד בצד ימין את המתודות במחלקה בה הסמן נמצא כרגע. לחיצה על שם המחלקה או על שם המתודה יקפיץ את הסמן אליה בקובץ הקוד.

לדוגמא, בקובץ הדוגמא שלנו ישנן שתי מתודות - Add ו- Multiply. על כן, הפקד הימני יאפשר לנו לעבור ביניהן:

Visual Studio Express - ניווט מהיר בקוד

הגדלה/הקטנה של גודל הכתב

בחלק התחתון של המסך חבויה לה אפשרות שימושית נוספת - הגדלה/הקטנה מהירה של הכתב (מסומן על ידי חץ):

Visual Studio Express - הגדלה/הקטנה של גודל הכתב

לחיצה על פקד זה תפתח מספר אפשרויות להגדלת או הקטנת הטקסט. אופציה זאת מאד שימושית למצגות או סתם כאשר התעייפו לכם העיניים ואתם רוצים לראות הקוד בגדול.

לדוגמא, כך נראה מסך הקוד בגודל רגיל (100%):

Visual Studio Express - הגדלה/הקטנה של גודל הכתב

וכאשר נבחר 200% הוא יראה כך:

Visual Studio Express - תוצאה של הגדלת הכתב

צמצום חלקי קוד

יתכן שעד עתה שמתם לב בתמונות השונות של עורך הקוד, כי בצד השמאלי של הקוד מופיעות תיבות אפורות עם מינוס בתוכן כאשר קו נמתח מתחת להן, כמו שמופיע בתמונה הבאה ומסומן בחץ:

Visual Studio Express - צמצום חלקי קוד

תיבות אלה מאפשרות לצמצם/להרחיב חלקים מהקוד. הן מופיעות באופן אוטומטי בקוד ועוטפות חלקים לוגיים בקוד לדוגמא, חלק ה using בתחילת הקוד או כל קוד המופיע בין סוגריים מסולסלים.

לדוגמא, כך נראה הקוד לפני הצמצום:

Visual Studio Express - צמצום חלקי קוד

וכך הוא נראה לאחר צמצום המתודות בתוכו:

Visual Studio Express - תוצאה של צמצום חלקי קוד

נווט הפתרון - Solution Explorer

נווט הפתרון הוא החלק מצד ימין של המסך הנראה כך:

Visual Studio Express - נווט הפתרון

בעזרת נווט הפתרון נוכל לעבור בין הקבצים השונים בפתרון ולפתוח אותם בעורך הקוד. שימו לב, שאם נשתמש בפתרון (עליו נדבר במדריכים הבאים), אזי הנווט יציג לנו את כל הפרוייקטים המאוגדים תחתיו.

חוץ מניווט בקבצים, הנווט מפשט לנו פעולות שונות שבלעדיו נאלץ לנבור בתוך תפריטים שונים. לדוגמא, לחיצה עם הכפתור הימני על שם הפרוייקט תציג לנו תפריט עם כל האפשרויות שביכולתנו לבצע על הפרוייקט - הוספת קבצים חדשים, הידור, שינוי שם ועוד כמוצג בתמונה הבאה:

Visual Studio Express - תפריט האפשרויות בנווט הפתרון

קיצורי מקלדת שימושיים

אף על פי שניתן לעשות את כל הפעולות הבאות בעזרת העכבר, ביצוען בעזרת קיצורי מקלדת תחסוך את המעברים מהמקלדת לעכבר וחזרה וכמו כן את חיפוש הפקודה בתפריטים. Visual Studio מכיל עשרות קיצורי מקלדת וכאן אציג בפניכם את הקיצורים הפופולרים.

ניתן להוריד פוסטר בפורמט PDF המכיל הרבה מהקיצורים מכאן.

  • Ctrl + C - העתקת הטקסט המסומן ללוח העריכה (clipboard).
  • Ctrl + X - גזירת הטקסט המסומן ושמירתו בלוח העריכה.
  • Ctrl + V - הדבקת טקסט המצוי בלוח העריכה לתוך הקוד במיקום הסמן.
  • Ctrl + K + C - סימון השורות שנבחרו כהערת קוד.
  • Ctrl + K + U - הורדת סימון ההערה מהשורות שנבחרו.
  • Ctrl + M + M - צמצום/הרחבה של חלק הקוד בו הסמן נמצא כעת.
  • Ctrl + K + D - ארגון הקוד כך שכל שורה תתחיל במיקום המתאים והנוח ביותר לקריאה.
  • F12 - כאשר הסמן עומד על שם של מתודה, מחלקה או משתנה, לחיצה על F12 תעביר את מסך עורך הקוד לקובץ ולשורה בה הם מוגדרים.

ironshay, CodeValue

מייסד בחברת CodeValue. עובד כיועץ ומרצה בתחומים שונים כמו C#, שפות דינמיות ופיתוח אתרי אינטרנט. Microsoft Visual C# MVP. מחבר הספרים IronRuby Unleashed ו- ASP.NET 4 Programmer's Reference.
תגיות: Visual Studio‏  /  פיתוח‏  /  מדריך‏  

תגובות בפייסבוק

תגובות למאמר



תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות