التمرين - تخصيص إعدادات المشروع والمحرر

مكتمل

يساعدك ملف devcontainer.json على تكوين مجموعة متنوعة من الإعدادات في إعداد Visual Studio Code الذي تم تجميعه ليتم تشغيله داخل الحاوية. حتى الآن، قمت بضبط حاوية تطوير لمشروع Python. ومع ذلك، لا تزال هناك بعض الحواف الخشنة ومهام الإعداد التي يمكنك أتمتتها إضافيًا.

في هذا التمرين، ستستخدم devcontainer.json الملف لتسهيل هذه الحواف وجعل المشروع يعمل بدون خطوات إعداد من المطور.

تثبيت ملحقات التعليمات Visual Studio Code

تأتي الحاوية مع ملحق Microsoft Python (كما ترى في صورتها الأساسية). يتيح ملحق Python المقتطفات واللينينج والتحسس الذكي في ملفات Python. لكن ملف index.html في مجلد القوالب هو قالب Jinja، وتحتاج إلى تثبيت امتداد مختلف للحصول على تمييز بناء الجملة في هذا الملف.

1. اضغط على F1 لفتح لوح الأوامر.
2. اكتب الملحق وحدد الملحقات: تثبيت الملحقات.
3. في مستكشف الملحق على اليمين، ابحث عن jinja.
4. حدد تثبيت.
5. انقر بزر الفأرة الأيمن فوق ملحق Jinja من wholroyd وحدد إضافة إلى devcontainer.json.
6. ارجع إلى ملف devcontainer.json ولاحظ إضافة ملحق Jinja إلى القسم extensions.
7. حفظ ملف devcontainer.json.

أتمتة تثبيت التبعية

الآن، يجب أن يعرف المطور الذي يقوم بإعداد المشروع لأول مرة كيفية تشغيل pip3 install --user -r requirements.txt لتثبيت التبعيات. بدون هذه التبعيات، لن يتم تشغيل المشروع، وقد لا يعرف المطورون الآخرون السبب.

1. إلغاء الخيار postCreateCommand.

   "postCreateCommand": "pip3 install --user -r requirements.txt"
   

2. حفظ ملف devcontainer.json.

ستقوم الحاوية تلقائياً بتثبيت التبعيات كلما تم إنشاء حاوية.

إعادة إنشاء الحاوية الجديدة

1. اضغط على F1 لفتح لوح الأوامر.
2. اكتب إعادة إنشاء وحدد حاويات التطوير: إعادة إنشاء الحاوية.

ستتم إعادة إنشاء الحاوية بالتغييرات التي حددتها في ملف devcontainer.json.

إشعار

كلما أُعيد بناء حاوية، تتم إزالة الحاوية وإعادة إنشائها بالكامل. لا تستمر محفوظات Terminal عند إعادة بناء الحاوية.

فحص تمييز بناء الجملة الذي يوفره ملحق Jinja

1. افتح الملف templates/index.html.

2. قم بالتمرير لأسفل إلى سطر 33 ولاحظ أن تمييز بناء الجملة موجود على الحلقة for. يُمكَّن تمييز بناء الجملة هذا من خلال ملحق Jinja.

   

تشغيل التطبيق

1. اضغط Ctrl + ` لفتح المحطة الطرفية المتكاملة في Visual Studio Code.

2. قم بتشغيل التطبيق باستخدام الأمر التالي:

   python app.py
   

3. لاحظ أنه لم يكن عليك تثبيت أي تبعيات. التطبيق يعمل ببساطة.

تم الآن تخصيص الحاوية والآلية للوكالة الخاصة بك. يمكن لأي مطور يفتح هذا المشروع باستخدام حاويات Dev تشغيله على الفور والوصول إلى العمل على كتابة التعليمات البرمجية.

في الوحدة التالية، ستتعلم كيفية تثبيت برامج إضافية في حاوية التطوير.