نظرة عامة على واجهة مستخدم ملحق VEX VS Code

توفر هذه المقالة نظرة عامة على واجهة المستخدم الخاصة بـ VEX Visual Studio Code Extension. يدعم الامتداد تطوير مشاريع C++ وPython لمنصات VEX IQ (الجيل الثاني)، وEXP، وV5.

تخطيط واجهة المستخدم لامتداد VEX VS Code

تنقسم واجهة المستخدم الخاصة بـ VEX Visual Studio Code Extension إلى خمس مناطق رئيسية: شريط النشاط، والشريط الجانبي، والمحرر، ولوحة المحطة الطرفية، وشريط الأدوات.

لقطة شاشة توضح تخطيط واجهة المستخدم الكاملة لبرنامج VEX VS Code. يقع شريط النشاط والشريط الجانبي على الجانب الأيسر من الشاشة، ويقع شريط الأدوات والمحطة الطرفية على الجانب السفلي من الشاشة، ويملأ المحرر بقية الشاشة.

شريط الأنشطة

يتضمن شريط النشاط مجموعة من الرموز التي تسمح لنا بالتبديل بين العروض وتمنحنا مؤشرات إضافية خاصة بالسياق لتطوير مشروع VEX.

شريط نشاط VS Code مع تثبيت ملحق VEX Robotics. يحتوي شريط النشاط على أيقونات توفر إجراءات سريعة مفيدة، مثل البحث وإدارة الإضافات والتحكم في الإصدارات والمزيد.

الرموز الشائعة المستخدمة لتطوير مشروع VEX في VS Code هي:

  • أيقونة عرض المستكشف. أيقونة عرض المستكشف - عند النقر عليها، يتم فتح عرض المستكشف في الشريط الجانبي.
  • أيقونة عرض الامتدادات. أيقونة عرض الإضافات - عند النقر عليها، يتم فتح عرض الإضافات في الشريط الجانبي.
  • أيقونة عرض VEX. أيقونة عرض VEX - عند النقر عليها، يتم فتح عرض VEX في الشريط الجانبي.

الشريط الجانبي

يحتوي الشريط الجانبي على وجهات نظر مختلفة تمكننا من استخدام الأدوات المتكاملة داخل VS Code. إن عروض الشريط الجانبي الشائعة المستخدمة لأداء المهام لتطوير مشروع VEX هي عرض الامتداد، عرض VEX، و عرض المستكشف.

عرض الامتداد

يتم استخدام عرض الامتداد لتثبيت الامتدادات وإدارتها في VS Code. لتطوير البرامج على منصات VEX IQ (الجيل الثاني)، وEXP، وV5، نحتاج إلى تثبيت ملحق VEX، وملحق C/C++، وملحق Python.

للحصول على إرشادات خطوة بخطوة حول كيفية تثبيت ملحق VEX، ملحق C/C++، و ملحق Python في VS Code، يرجى مراجعة هذه المقالة.

عرض ملحق VS Code الذي يعرض قائمة بالملحقات المثبتة. يحتوي كل ملحق على قائمة إعدادات يمكن فتحها هنا، كما يوجد شريط بحث للعثور على ملحقات جديدة وتنزيلها.


عرض VEX

يتيح لنا VEX View تطوير المشاريع لـ VEX IQ (الجيل الثاني)، وEXP، وV5 في VS Code. هناك ثلاث فئات مدرجة في عرض VEX: إجراءات المشروع، معلومات جهاز VEX، و تعليقات VEX.

VS Code VEX View الذي يعرض خيارات إنشاء المشاريع واستيرادها أعلاه، وقائمة معلومات جهاز VEX أدناه، وقائمة التعليقات في الأسفل.

قسم إجراءات المشروع في عرض امتداد VEX. يحتوي هذا القسم على زرين هما مشروع جديد واستيراد المشروع.

  • معلومات جهاز VEX
    توفر لنا فئة معلومات جهاز VEX نظرة عامة VEX المتصل - VEX Brain أو VEX Controller.

    VEX Device Info section of the VEX Extension View is shown, with a list of all connected devices and specific info about each one. In this example, an EXP Brain and its downloaded programs are shown.


    تشير هذه الفئة إلى نوع جهاز VEX المتصل وتعرض معلومات نظام Brain والمنفذ التسلسلي والبرنامج الذي تم تنزيله والأجهزة المتصلة بالمنافذ الذكية لجهاز VEX Brain. إنه يسمح لنا بالتقاط لقطة شاشة لشاشة VEX Brain، وعرض سجل أحداث VEX Brain، وتعيين اسم الدماغ ورقم الفريق، ومحو برنامج المستخدم من VEX Brain.

    عندما يتم توصيل VEX Brain بالكمبيوتر، فإن فئة VEX DEVICE INFO توضح ما إذا كان VEX Controller مرتبطًا بـ VEX Brain وتمكننا من تحديث VEXos لـ VEX Brain إذا كان إصدار VEXos الخاص بـ VEX Brain قديمًا.

    عندما يتم توصيل وحدة تحكم VEX بالكمبيوتر، تعرض فئة معلومات جهاز VEX ما إذا كان VEX Brain مرتبطًا بوحدة تحكم VEX وتمكننا من تحديث VEXos لوحدة تحكم VEX إذا كان إصدار VEXos لوحدة تحكم VEX قديمًا.
    للحصول على وصف شامل لمعلومات الجهاز وكيفية استخدام الميزات الموجودة ضمن معلومات جهاز VEX،
    مراجعة هذه المقالة.
  • تعليقات VEX
    يمكننا إرسال تعليقات إلى VEX عن طريق كتابة الرسالة في مربع النص أسفل تعليقات VEX والنقر فوق الزر إرسال
    للحصول على معلومات مفيدة حول استخدام VEX FEEDBACK في VS Code، يرجى الاطلاع على هذه المقالة.

قسم تعليقات VEX في عرض امتداد VEX. يحتوي هذا القسم على نموذج يحتوي على خيارات لإرسال التعليقات إلى VEX.

عرض المستكشف

يتم استخدام View لاستعراض ملفات ومجلدات مشروع VEX وفتحها وإدارتها في VS Code.

عرض VS Code Explorer الذي يسمح للمستخدم بالتنقل بين المجلدات والملفات الموجودة في مشروع VEX الخاص به. تحتوي الملفات على أيقونات وأنواع ملفات مقابلة معروضة، في هذا المثال تم تحديد ملف Python وعنوانه main.py.

محرر

المحرر هو المجال الرئيسي لتحرير الملفات في VS Code. يتيح ملحق VEX VS Code إمكانية Intellisense/Linting لكل من C/C++ وPython في منطقة المحرر لمساعدتنا أثناء تطوير البرنامج.

محرر VS Code مع ملف Python مفتوح كجزء من مشروع VEX. يمكن هنا كتابة وتحرير كود Python أو C/C++ لإنشاء برامج الروبوتات VEX عند توصيلها بـ VEX Brain.

في منطقة المحرر، يمكننا الوصول إلى معلومات مفيدة حول وظيفة محددة عن طريق تحريك الماوس فوق نص الوظيفة أو عن طريق استخدام تعليمات أمر VEX للوصول إلى الوثائق الخاصة بهذه الوظيفة المضمنة في واجهة برمجة التطبيقات (API) الخاصة بـ C++ وPython.

للحصول على تعليمات مفصلة حول استخدام أمر VEX Help في VS Code، يرجى الاطلاع على هذه المقالة.

لوحة المحطة الطرفية

يوفر ملحق VEX VS Code محطتين عند بدء التشغيل، المحطة الطرفية السجل والمحطة الطرفية التفاعلية. 

  • محطة السجل - تعرض محطة السجل مخرجات البناء، وخطأ البناء، ونتائج التنزيل.

يتم فتح محطة سجل VS Code VEX وتظهر حالة فارغة افتراضية مع طباعة رسالة واحدة فقط تقرأ السجل.

  • المحطة الطرفية التفاعلية - تحتوي المحطة الطرفية التفاعلية على وظيفتين - عرض سجلات الطباعة وإرسال ضغطات المفاتيح الخام إلى برنامج المستخدم.

    VS Code VEX Interactive Terminal is opened and shows messages that detail the VEX Brain connection status.



    ملاحظة: لاستخدام المحطة التفاعلية، يجب توصيل الدماغ أو وحدة التحكم بجهاز كمبيوتر يعمل بنظام VEX VS Code Extension.
    ملاحظة: يتم مسح مخرجات المحطة التفاعلية بشكل افتراضي بعد إنشاء برنامج المستخدم وتنزيله.

شريط الأدوات

يتضمن شريط الأدوات مجموعة من الرموز التي توفر لنا طريقة سريعة للتفاعل مع مشاريع تمديد VEX VS Code، وVEX Brains، وVEX Controllers.

شريط أدوات VS Code مع أيقونات ملحق VEX التي يمكن استخدامها للتفاعل بسرعة مع أجهزة VEX والمشاريع المتصلة. تتضمن ميزات VEX Device Picker، وSlot Selector، وأيقونة Build & Download، وأيقونة Play، وأيقونة Stop، وProject Selector، وPython File Selector.

ملاحظة: شريط الأدوات نشط فقط عندما يكون مشروع VEX صالحًا مفتوحًا في VS Code. 

ملاحظة: مشروع VEX الصالح هو المشروع الذي يتم إنشاؤه أو استيراده بواسطة الامتداد. لن يتم اعتبار مشاريع VEXcode أو VEXcode Pro المفتوحة في المحرر مشروع VEX صالحًا وسيتعين استيرادها.

تتضمن الأيقونات الموجودة في شريط الأدوات ما يلي:

  • يظهر رمز Device Picker على شريط أدوات VS Code. Device Picker - يعرض Device Picker أيقونة جهاز VEX المتصل (أيقونة Brain Device Picker icon is highlighted on the VS Code toolbar. In this example it shows a Brain icon. أو أيقونة Controller Device Picker icon is highlighted on the VS Code toolbar. In this example it shows a Controller icon.)
    ملاحظة: إذا تم توصيل وحدة تحكم بالكمبيوتر، ولكن ليس لديها رابط لاسلكي مع Brain، فلن يتم عرض اسم Brain بجوار أيقونة Controller.
  • أيقونة اختيار الفتحة. أيقونة اختيار الفتحة - تسمح لنا أيقونة اختيار الفتحة باختيار الفتحة التي سيقوم ملحق VEX بتنزيلها أو تشغيل برنامج المستخدم عليها من خلال النقر عليها واختيار واحدة من الفتحات الثمانية المتوفرة على VEX Brain من قائمة الاختيار.
  • أيقونة البناء والتنزيل. الإصدار & أيقونة التنزيل - إذا تم توصيل جهاز VEX شريط الأدوات. عند النقر فوقه، سيتم بناء المشروع، وإذا نجح، سيتم تنزيله على جهاز VEX المتصل.
  • أيقونة التشغيل. أيقونة التشغيل - عند النقر عليها، أيقونة التشغيل تقوم بتشغيل برنامج المستخدم الذي تم تنزيله في الفتحة المحددة على VEX Brain.
  • أيقونة التوقف. أيقونة التوقف - عند النقر عليها، أيقونة التوقف تتوقف عن تشغيل برنامج المستخدم على VEX Brain.
  • يظهر "محدد المشروع" على شريط أدوات VS Code. في هذا المثال يقرأ v5NewProject. محدد المشروع - يعرض محدد المشروع اسم المشروع المحدد. يتيح لنا رمز محدد المشروع التبديل بين مشاريع VEX عندما يوجد العديد داخل مساحة العمل عن طريق النقر فوقه وتحديد مشروع من قائمة الاختيار.
  • يتم عرض أيقونة Python File Selector على شريط أدوات VS Code. في هذا المثال يقرأ main.py. Python File Selector (Python Only) - عند تحديد مشروع VEX Python، سيظهر File Selector في شريط الأدوات. يعرض Python File Selector اسم ملف Python المحدد. يدعم Python for VEX حاليًا تنزيلات الملفات الفردية فقط.

للحصول على معلومات مفيدة حول كيفية استخدام ميزات شريط الأدوات في VS Code، يرجى مراجعة هذه المقالة.

إعدادات مستخدم VEX

تتيح لنا إعدادات مستخدم VEX تكوين ملحق VEX وفقًا لمتطلباتنا الخاصة. إعدادات المستخدم هي إعدادات عالمية يتم تطبيقها على كل مشروع ملحق VEX VS Code. يمكننا الوصول إلى إعدادات مستخدم VEX من خلال النقر فوق أيقونة الإعدادات في VS Code وتحديد العناصر المقابلة في القوائم.

يتم فتح إعدادات مستخدم VS Code لفئة VEX حيث يمكن تخصيص سلوك ملحق VEX Robotics.

إعدادات مستخدم VEX لتكوين ملحق VEX VS Code هي:

  • مسار سلسلة أدوات CPP - يحدد المسار لسلسلة أدوات CPP.
  • تمكين محطة المستخدم- تمكين أو تعطيل الامتداد لفتح وعرض البيانات من منفذ المستخدم.
  • إدخالات السجل - يحدد عدد إدخالات السجل التي سيتم تحميلها من VEX Brain.
  • نوع بناء المشروع - يحدد كيفية قيام الامتداد ببناء مشروع C++.
  • الصفحة الرئيسية للمشروع - تعيين الموقع الافتراضي للمشاريع الجديدة.
  • تشغيل بعد التنزيل - يحدد ما إذا كان يجب تشغيل برنامج المستخدم بعد تنزيله إلى VEX Brain.
  • نظام DFU الاسترداد التلقائي - يحدد ما إذا كان يجب على الدماغ الاسترداد تلقائيًا عند اكتشاف IQ (الجيل الثاني) أو EXP Brain في وضع DFU.
  • تمكين خادم Websocket - تمكين أو تعطيل الامتداد لبدء تشغيل خادم Websocket.
  • عنوان مضيف خادم Websocket - يحدد عنوان المضيف لخادم Websocket.
  • منفذ خادم Websocket - يحدد رقم منفذ خادم Websocket

للحصول على معلومات مفيدة حول كيفية الوصول إلى إعدادات مستخدم VEX وتعيينها، راجع هذه المقالة.

For more information, help, and tips, check out the many resources at VEX Professional Development Plus

Last Updated: