تمرين - استكشاف واجهة مستخدم Visual Studio Code

مكتمل

يوفر Visual Studio Code أدوات للمطورين الذين بدأوا للتو، ولكنه أيضا قابل للتوسعة ومتقدم بما يكفي للمطورين المحترفين.

في هذا التمرين، يمكنك فتح Visual Studio Code وإكمال جولة سريعة في واجهة المستخدم.

افتح Visual Studio Code وافحص صفحة الترحيب

1. استخدم قائمة البدء في Windows لفتح Visual Studio Code.

   إذا فتحت قائمة البدء في Windows، يجب أن تشاهد Visual Studio Code مدرجا كتطبيق تمت إضافته مؤخرا. يمكنك أيضا التمرير لأسفل للعثور على Visual Studio Code.

   خيار آخر هو كتابة Visual Studio Code في مربع Windows Search على علبة التشغيل في أسفل الشاشة.

2. لاحظ أن Visual Studio Code يفتح على صفحة "Welcome" التي تتضمن بعض الارتباطات ومعلومات أخرى.

   في المرة الأولى التي تفتح فيها Visual Studio Code، تعرض صفحة Welcome بعض الإرشادات التفصيلية المفيدة، مثل محتوى Get Started with VS Code . يمكنك فحص هذه المعلومات في وقت فراغك في وقت آخر.

3. لإغلاق صفحة الترحيب، حدد الزر إغلاق (يظهر ك X في الواجهة).

   تتضمن كل صفحة مفتوحة في المحرر زر إغلاق (X) الموجود على يمين عنوان الصفحة. تظهر علامة تبويب صفحة الترحيب في الجزء العلوي الأيسر من نافذة Visual Studio Code، أسفل القائمة الرئيسية. إذا قمت بتمرير مؤشر الماوس فوق X، فستظهر الكلمة إغلاق .

فحص شريط النشاط والشريط الجانبي

1. لاحظ أنه تم طي الشريط الجانبي إلى يمين شريط النشاط .

   قد تتذكر أن شريط النشاط هو القائمة العمودية للأيقونات في أقصى يسار نافذة Visual Studio Code. تعتمد محتويات الشريط الجانبي على ما تم تحديده حاليا من شريط النشاط.

2. ضع مؤشر الماوس فوق شريط النشاط، ثم مرر مؤشر الماوس فوق كل أيقونة لعرض التسميات.

   تظهر تسمية عند تمرير الماوس فوق الأيقونات. يجب أن تشاهد أزرار شريط النشاط الموضحة في الصورة التالية:

   

   من أعلى إلى أسفل، أيقونات شريط النشاط هي: Explorer و Search و Source Controlو Run و Debug و Extensions و Accounts و Manage.

3. في شريط النشاط، حدد مستكشف.

   يجب أن يفتح الشريط الجانبي المعلومات السياقية ويعرضها.

4. لاحظ أن الشريط الجانبي يسمى الآن EXPLORER.

   يتم استخدام طريقة عرض EXPLORER للوصول إلى/استكشاف مجلدات المشروع وملفات التعليمات البرمجية.

   سيتذكر Visual Studio Code محفوظات العمل الخاصة بك ويفتح أحدث ملفات المشروع عند فتحها. نظرا لأن هذه هي المرة الأولى التي تفتح فيها Visual Studio Code، فلن يتم فتح مجلد مشروع.

5. في شريط نشاط ، حدد Extensions.

6. لاحظ أن الشريط الجانبي يسمى الآن EXTENSIONS.

7. خذ لحظة لفحص المعلومات المعروضة في طريقة عرض EXTENSIONS .

   تمكنك ملحقات Visual Studio Code من إضافة لغات الترميز ومصححي الأخطاء والأدوات الأخرى إلى البيئة لدعم سير عمل التطوير الخاص بك. ستقوم بتثبيت ملحق C# لاحقا في هذه الوحدة النمطية.

8. في شريط النشاط، لإغلاق الشريط الجانبي EXTENSIONS ، حدد Extensions.

فحص خيارات القائمة العلوية

1. لعرض خيارات القائمة ملف، حدد ملف.

2. لاحظ الخيارات "جديد" و"فتح" و"حفظ" و"إغلاق" المدرجة في القائمة "ملف".

3. خذ دقيقة لفحص خيارات القائمة تحرير ، ثم كل عنصر من عناصر قائمة المستوى الأعلى الأخرى.

4. لاحظ أن العديد من القوائم تتضمن خيارات للتفاعل مع التعليمات البرمجية الخاصة بك.

   على سبيل المثال:

   • تتضمن القائمة تحرير خيارات للبحث عن تعليقات التعليمات البرمجية واستبدالها وتبديلها، بالإضافة إلى القص القياسي والنسخ واللصق والتراجع والإعادة.
   • تتضمن قائمة التحديد خيارات لتحديد خطوط التعليمات البرمجية ومعالجتها.
   • تتضمن قائمة Run خيارات لتشغيل التطبيق وتصحيحه.

5. في القائمة المحطة الطرفية، حدد محطة طرفية جديدة.

6. خذ لحظة لفحص محتويات لوحة المحطة الطرفية.

   يمكنك التبديل بين علامات التبويب (المشاكل والإخراج ووحدة تحكم تتبع الأخطاء والمحطة الطرفية) وتمرير مؤشر الماوس فوق الأزرار (أعلى اليمين) لعرض تسميات الأزرار.

7. لاحظ أن لوحة Terminal تتضمن موجه أوامر.

   يمكن استخدام لوحة Terminal لتشغيل أوامر واجهة سطر الأوامر (CLI). ستستخدم أوامر .NET CLI لاحقا في هذه الوحدة النمطية.

8. في الزاوية العلوية اليسرى من لوحة Terminal، حدد X (Close Panel).

9. في القائمة عرض ، حدد لوحة الأوامر

   يمكن استخدام لوحة الأوامر للبحث عن جميع أنواع الأوامر المفيدة وتشغيلها. ليس لديك الوقت (أو الحاجة) لفحصها بالتفصيل الآن، ولكن من الجيد معرفة مكان العثور على لوحة الأوامر.

10. في موجه لوحة الأوامر، اكتب الملحقات

    لاحظ أن قائمة الأوامر تتم تصفيتها استنادا إلى الإدخال الخاص بك.

11. لتحديث قائمة الأوامر التي تمت تصفيتها، قم بتغيير الملحقات للمساعدة

12. من قائمة خيارات الأوامر، حدد التعليمات: Interactive Editor Playground.

    يتضمن مستند Editor Playground الذي يفتح في المحرر قائمة بالأنشطة التفاعلية.

13. من القائمة النقطية للأنشطة التفاعلية، حدد تنسيق.

14. خذ دقيقة لقراءة خيارات التنسيق.

    ستستخدم أوامر تنسيق التعليمات البرمجية أثناء الأنشطة أثناء معرفة المزيد حول برمجة C#‎.

15. أغلق مستند Editor Playground.

هذا يكمل جولتك في واجهة مستخدم Visual Studio Code. بمجرد البدء في الترميز، تستمر مواد التدريب في الإشارة إلى الطرق التي يمكن أن يساعد بها Visual Studio Code في تعزيز إنتاجيتك.