تمرين - إعداد GitHub Copilot للعمل مع Visual Studio Code

مكتمل

في هذا التمرين، نقوم بإنشاء مستودع جديد باستخدام قالب GitHub لتطبيق الويب الخاص بمحفظة JavaScript الشخصية.

كيفية إعداد GitHub Copilot

لاستخدام GitHub Copilot، تحتاج إلى إكمال الخطوات التالية:

1. حساب GitHub:

   • إنشاء حساب GitHub. نظرا لأن Copilot هي خدمة GitHub، فأنت بحاجة إلى حساب GitHub لاستخدامه. إذا لم يكن لديك حساب، فزر صفحة ويب GitHub لإنشاء حساب مجانا.

2. التسجيل وتمكين GitHub Copilot:

   • يمكنك إعداد حساب GitHub Copilot Free أو الاشتراك في إصدار تجريبي من GitHub Copilot Pro مع إصدار تجريبي لمرة واحدة لمدة 30 يوما. لأغراض التعلم، يجب أن يكون خيار Copilot Free مع حدود الاستخدام كافيا.
   • من المهم أن تكون على دراية بشروط الإصدار التجريبي المجاني من GitHub Copilot: إذا اخترت عرض الإصدار التجريبي المجاني ل GitHub Copilot، طلب شكل من أشكال الدفع عند التسجيل. لا يتم تطبيق الرسوم حتى ينتهي الإصدار التجريبي، إلا إذا قمت بالإلغاء قبل انتهاء فترة ال 30 يوما.

تلميح

يقدم GitHub Copilot طبقة مجانية مع 2000 إكمال تلقائي للتعليمات البرمجية و50 رسالة دردشة شهريا. للبدء، افتح Visual Studio Code، وانقر على أيقونة GitHub Copilot، ثم انقر فوق "تسجيل الدخول لاستخدام GitHub Copilot مجانا". قم بتسجيل الدخول إلى حساب GitHub الخاص بك في النافذة التي تفتح في المتصفح. اعرف المزيد. يمكن للمعلمين والطلاب ومشرفين محددين مفتوحي المصدر تلقي Copilot Pro مجانا ، وتعلم كيفية القيام بذلك على: https://aka.ms/Copilot4Students.

3. قم بتثبيت الامتداد:
   • يتوفر GitHub Copilot كامتداد ل IDEs الرئيسية ، بما في ذلك Visual Studio و Visual Studio Code و JetBrains IDEs و VIM و XCode.
   • للتثبيت، ابحث عن "GitHub Copilot" في سوق ملحق IDE واتبع إرشادات التثبيت. على سبيل المثال، في سوق VS Code، تجد GitHub Copilot وGitHub Copilot Chat وGitHub Copilot for Azure كخيارات للتثبيت.

إعداد البيئة

أولا تحتاج إلى تشغيل بيئة Codespaces، والتي تأتي مكونة مسبقا مع ملحق GitHub Copilot.

1. حدد الزر التالي لفتح Codespace مع البيئة التي تم تكوينها مسبقا.

   

2. في صفحة Create codespace ، راجع إعدادات تكوين مساحة التعليمات البرمجية ثم حدد Create new codespace

3. انتظر حتى تبدأ مساحة التعليمات البرمجية. قد تستغرق عملية بدء التشغيل هذه بضع دقائق.

4. تتم التدريبات المتبقية في هذا المشروع في سياق حاوية التطوير هذه.

هام

يمكن لجميع حسابات GitHub استخدام Codespaces لمدة تصل إلى 60 ساعة مجانية كل شهر مع مثيلين أساسيين. لمزيد من المعلومات، راجع GitHub Codespaces المضمنة شهريا التخزين والساعات الأساسية.

قائمة مشاريع JavaScript

عند الاكتمال، يتم تحميل Codespaces مع قسم طرفي في الأسفل. تثبت Codespaces جميع الملحقات والتبعيات المطلوبة في الحاوية الخاصة بك. بمجرد الانتهاء، يتم تكوين هذا القالب لاستخدامه npm start لبدء تطبيق الويب داخل Codespace.

عند بدء تشغيل تطبيق الويب بنجاح، تظهر رسالة في المحطة الطرفية أن الخادم قيد التشغيل على المنفذ 1234 داخل Codespace.