תרגיל - שימוש בקוד Visual Studio עבור האינטרנט

  • 2 דקות

כדי שתוכל להתחיל לקודד תוך כדי תנועה, עליך להכיר את Visual Studio Code for the Web בפעם הראשונה.

בתרגיל זה, תחקור את VS Code עבור ממשק האינטרנט ותרגול בהתקנת הרחבה.

תחילה, תסייר בממשק של VS Code עבור האינטרנט.

  1. בדפדפן, נווט אל https://vscode.dev

  2. החוויה בדפדפן דומה לחוויה של VS Code Desktop. לדוגמה, יש לך את אזור העורך, לוח הפקודות ומספר תצוגות, כגון סייר בקרת המקור והרחבות, בסרגל הצידי. ממשק זה מספק חוויה עקבית בעת עבודה בדפדפן.

    צילום מסך של דף vscode.dev היעד שלך.

התקנת הרחבה

כעת באפשרותך להתאים אישית את VS Code עבור האינטרנט על-ידי התקנת הרחבה.

  1. בסרגל הצידי, לחץ על התצוגה הרחבות.

    מסך של סמל תצוגת ההרחבה בסרגל הפעילות של VS Code.

  2. מכאן, תוכל לראות אילו הרחבות כבר מותקנות ולעיין בהרחבות אחרות.

  3. נסה להתקין את הרחבת ערכת הנושא של GitHub על-ידי חיפוש "ערכת נושא של github"

  4. בחר את הרחבת ערכת הנושא של GitHub ולחץ על "התקן".

    צילום מסך של הרחבת ערכת הנושא של GitHub ב- VS Code, ומסמן את תיבת החיפוש ואת לחצן התקן.

  5. שים לב באיזו מהירות ההרחבה מותקנת, כל זאת בדפדפן שלך!

עבודה נהדרת! השלמת את הניווט הראשוני של VS Code באינטרנט. אמנם זו עשויה להיות הפעם הראשונה שאי פעם דפדפת אל https://vscode.dev, היא אמורה להיראות מוכרת אם השתמשת ב- VS Code Desktop.

בסעיף הבא, תלמד כיצד לעבוד עם מאגרים מרוחקים ב- VS Code עבור האינטרנט.