סביבת פיתוח מבית מיקרוסופט , זוהי גרסה רזה (LightWeight)  של Visual Studio והינה בשימוש נרחב  . ה-VSCode הוא סוג של עורך טקסט עם הרחבות שאפשר להתקין עליו, ההרחבות מאפשרות להוסיף לסביבה יכולות נוספות , למשל ההרחבה Flutter מאפשרת לסביבה לדעת להריץ קוד Dart ולהכיר את ה-Flutter SDK . קיימות הרחבות נוספות כגון python וכדומה.  אנו נשתמש בהרחבות אשר יאפשרו לנו לבצע שמירה אוטומטית כל פרק זמן מסוים כך שהפרויקט שלנו יגובה גם מקומית וגם בענן.

המעבר מסביבת Visual Studio ל- VSCode מבלבל , ננסה להבין זאת מדוגמא :

יצירת פרויקט ב-C# ב-Visual Studio

בסביבת Visual Studio שרוצים לכתוב קוד למשל ב-C# יוצרים פרויקט חדש מסוג Console App ובעצם סביבת העבודה מייצרת לנו תיקייה עם כל קבצי הפרויקט אשר אחד מהם הוא קובץ מסוג SLN ( Solution) ,  קובץ זה הינו קובץ הפרויקט שלנו . זהו אינו הקובץ בו אנו כותבים את הקוד , אלא קובץ אשר מחבר בין כל הקבצים . בנוסף יש לנו קובץ בשם Program.cs שזה קובץ בו אנו נכתוב את הקוד שלנו.

יצירת פרויקט ב-C# ב-VSCode

1. ב-VSCode קודם נצטרך להתקין את ההרחבה אשר תאפשר להריץ קוד C#  

2. .ניצור תיקייה לפרויקט בסייר הקבצים של windows .

3. .פתיחת התיקייה שיצרנו ב-VSCode על ידי לחצן ימני על התיקייה ובחירת Open with Code...

4. .פתיחת terminal  חדש מהתפריט View ב-VSCode

5. רישום הפקודה dotnet new console ב-terminal  שנפתח , פקודה זו יוצרת לנו את קבצי הפרויקט.

אז מה ההבדל בין Git  ל- GitHub ? והאם יש הבדל בכלל ? 

במהלך כתיבת קוד , הרבה פעמים אנחנו משנים את הקוד ומעוניינים לחזור לגרסאות קודמות שכתבנו , ניתן לעשות זאת על ידי שמירת הקבצים כל פעם מחדש , אבל התהליך מאוד מסורבל וקשה לנהל את הגיבויים שיצרנו ,  ולכן נוצרו תוכנות שכל מטרתן היא ניהול גרסאות , Git היא אחת מהן ואת הגרסאות של פרויקט מסוים מנהלת ב-Local Repository . התוכנה  Git הינה תוכנה מקומית אשר מתקינים על המחשב שלנו בסביבת windows או כל מערכת הפעלה אחרת . לעומת זאת GitHub הינו תוכנה המספקת שירות Software As A Service (SAAS , זהו שרת ברשת האינטרנט אשר מספק שירות אחסון של גרסאות Git. את הגרסאות של פרויקט מסוים, GitHub מנהל ב-Remote Repository .

כל קובץ בפרויקט, המנוהל על ידי  Git, יכול להימצא בשלושה מצבים : 

• Modified  - התרחש שינוי בקובץ . 

• Staged - השינוי סומן לשמירה . 

• Commited - השינוי נשמר בהצלחה ב-Local Repository

בתוכנה Git משתמשים לאחר ההתקנה בעזרת פקודות CLI (ב-CMD) , להלן  מספר פקודות שימושיות :

1.  הפקודה git clone מייצרת לנו Local Repository בתיקייה מקומית שנבחר במחשב שלנו בהסתמך על RemoteRepository ב-GitHub. דוגמא לשימוש בפקודה :

git clone "https://github.com/RabinSchool/ex1"  "C:\code\python\ex1"

2. הפקודה git status  בודקת מה מצב ה-repository  , יש להריצה ב-Terminal כל פעם שנתקלים במצב שהסנכרון לא מתבצע.

3. הפקודה  . git add   (יש נקודה אחרי ה-add) מבקשת להוסיף את השינויים ל-stage . שלב ראשון בכל שמירה 

4. הפקודה git commit שומרת את השינויים ל-local repository . שלב שני בכל שמירה 

5. הפקודה git push מעדכנת את השינויים שבוצעו ב-commit ל-remote repository . שלב שלישי בכל שמירה 

6. הפקודה Git pull – משיכת ה-remote repository ל- local repository .

 קיימות עוד פקודות , אך אלו העיקריות לשימוש התחלתי.

שימוש לדוגמא הוא : אנחנו עובדים על פרויקט ב-VsCode על המחשב הבייתי שלנו , ביצענו Commit לכל השינויים שלנו , ולאחר מכן ביצענו שמירה של השינויים ב-GitHub (על ידי פעולת Git Push)  , אם נרצה לעבוד על הפרויקט מהמעבדה נשתמש בפקודה git clone כדי ליצור גרסה מקומית של ה-Remote Repository שלנו , לחילופין אם כבר יש לנו גרסה מקומית כל מה שנותר לנו זה לבצע פעולת git pull כדי לקבל את כל השינויים שנשמרו בענן GitHub    (מתבצע אוטומטית עם הפתיחה של VSCode ) , להמשיך לעבוד על הפרויקט ולבצע commit ו-push כדי לשמור את השינויים בענן . 

1. תחילה ניכנס לאתר    GitHub במידה ואין לכם חשבון אנא הירשמו עם אימייל פרטי וצרו חשבון מהקישור הבא : Join GitHub · GitHub .

לתלמידי רבין מזכרת בתיה , קיים script אשר מבצע את כל השלבים הבאים מכאן ואילך אוטומטית , אנא פנו למורה  !

2. לאחר מכן במידה ולא מותקן במחשבכם VSCode יש להתקין את visual studio code מאתר מיקרוסופט , שימו לב זה לא Visual Studio!

2. לאחר מכן במידה ולא מותקן במחשבכם  Git (ניתן לבדוק על ידי כתיבה ב-cmd את הפקודה git, אם התקבל פלט אזי git מותקן כבר במחשבכם ) יש להתקין את git  מהקישור הבא :    https://git-scm.com/downloads אפשר גם לחפש בגוגל יש להתקין את גרסת 64 ביט ולענות על כל השאלות בהתקנה עם ברירת המחדל.

3. פתחו את ה-VSCode ( רשמו VScode ב-CMD)  והתקינו את ההרחבות הבאות , תחת האופציה extension יש להדביק את הטקסט המזהה את ההרחבות הבאות  , ועובר כל אחת יש לבחור באופציה install :

א.        ms-python.python  - הרחבה מאת מיקרוסופט להרצת קוד פייתון.

ב.       GitHub.vscode-pull-request-github  - הרחבה לשם חיבור ל-GitHub .

ג.        emeraldwalk.RunOnSave  -  לביצוע שמירה אוטומטית .

ד.       donjayamanne.githistory – הרחבה לניהול גרסאות שנשמרו

ה.       Dart-Code.flutter  הרחבה לכתיבת - flutter  בשימוש לשכבת יב

ו.        Dart-Code.dart-code (מותקן אוטומטית עם ההרחבה הקודמת) הרחבה לכתיבת קוד dart - בשימוש לשכבת יב.

5. יש להיכנס להגדרות ב-VSCode (גלגל שיניים בצד שמאל למטה) ואז בחירת settings , בחלון שנפתח יש שדה חיפוש , שם נרשום git enabled , ונסמן V תחת האופציה שהחיפוש מצא.

לשם שמירת השינויים אוטומטית ב-GitHub , נשתמש בהרחבה  ב-VsCode  וכן בהגדרת שמירה אוטומטית ב-VSCode  

לתלמידי רבין מזכרת בתיה , קיים script אשר מבצע את כל השלבים הבאים מכאן ואילך אוטומטית , אנא פנו למורה  ! 

1. ניכנס ל-VSCode ותחת תפריט View ניגש ל-command pallet מהתפריט או על ידי CTRL+SHIFT+P 

2. נרשום settings JSON ונבחר באופציה של open user settings(JSON) לעריכת קובץ הגדרות VSCode .

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

   ,

"emeraldwalk.runonsave": {

        "commands": [

            {

                "match": ".*",

                "cmd": "git add . && git commit -m 'autosave' && git push"

            },

        ]

    },

    "files.autoSave": "afterDelay",

    "githubPullRequests.pullBranch": "always",

    "files.autoSaveDelay": 15000

4. לאחר שלב זה עם כל שמירה יבוצע סנכרון ל-GitHub כך שהכל יהיה מגובה תמיד

אם תפעלו על פי מדריך זה הפעולות האלו יבוצעו אוטומטית כל פעם שתשמרו את הפרויקט שלכם (CTL + S) בנוסף כך פעם שתפתחו את ה-VSCode יבוצע pull כדי לקבל שינויים שנמצאים בשרת לפני העבודה . ולכן יש להמתין מספר שניות לפני שמתחילים ממש לכתוב לאחר הפתיחה של הפרויקט שלכם ב-VSCode ! נרחיב על כך בכיתה שניפגש.