MultiTerminal
عملية الواجهة
تابع خادم التطوير والمصرّف وإعادة التحميل في طرفية تبدأ من مجلد الواجهة.
تطوير Full‑Stack
أبقِ الواجهة والخلفية والاختبارات وتطبيق localhost أمامك.
يعبر تغيير Full‑Stack حدود عدة عمليات. ضع كل طبقة حية في لوحة مستقلة لتقرأ الطلبات وإعادة البناء والاختبارات وسلوك المتصفح كسير عمل واحد.
المشكلة
قد تمتد ميزة واحدة عبر أربع نوافذ منفصلة.
تعرض خوادم الواجهة والخلفية سجلات مختلفة، وتعمل مراقبات الاختبار بإيقاعات أخرى، ويكشف المتصفح مشكلات التكامل أخيرًا. البحث المتكرر عن تلك النوافذ وترتيبها يقطع التركيز.
تجمع مساحة MultiTerminal العمليات والمنتج الجاري معًا. توفر التقسيمات المتداخلة رؤية دائمة، وتبقي مجموعات التبويب الأوامر الثانوية قريبة دون تصغير كل لوحة.
تخطيط مقترح
مساحة عملية لتطوير Full‑Stack
API وأدوات قاعدة البيانات
شغّل الخلفية بجانب الأوامر المرتبطة أو اجمع مهام قاعدة البيانات العرضية في تبويبات.
متصفح localhost
استخدم متصفحًا مضمنًا لعناوين HTTP وHTTPS وlocalhost وأبقِ التطبيق بجانب سجلاته.
اختبارات وملاحظات المشروع
راقب الاختبارات في تبويب واحتفظ بقائمة Markdown أو ملاحظة API أو مستند إصدار مباشر في لوحة أخرى.
سير العمل
تحرك عبر المكدس دون فقدان السياق
- افتح طرفيات في مجلدي الواجهة والخلفية ثم شغّل أوامر المشروع التي تستخدمها بالفعل.
- حمّل التطبيق المحلي في لوحة متصفح وغيّر حجم التخطيط حول الجزء الذي تفحصه.
- اجمع طرفيات الاختبارات أو الترحيل أو الأدوات حين تحتاج وصولًا سريعًا لا ظهورًا دائمًا.
- احفظ المساحة لتكون مجلداتها ورابطها وملفاتها ومجموعاتها ونسب تقسيمها جاهزة عند العودة.
جرّب هذا الإعداد
خصص طرفيات مستقلة للواجهة الأمامية وAPI.
لمشروع يضم مجلدين منفصلين للواجهة وAPI، حدد مجلد بدء كل طرفية مرة واحدة. تفترض أوامر المثال أن كلتا الحزمتين تعرّفان برنامجًا نصيًا باسم dev.
الواجهة الأمامية
cd ~/Projects/launchpad/web
npm run devافتح العنوان الذي يعرضه هذا الخادم في لوحة متصفح.
API
cd ~/Projects/launchpad/api
npm run devضع سجلات الطلبات بجانب المتصفح لتتبع الطلب داخل التطبيق.
اجمع طرفية الاختبارات مع طرفية API. أضف قائمة تحقق Markdown كمعاينة ملفات. احفظ مساحة العمل ثم افتحها لاحقًا بالتخطيط نفسه وجلسات shell جديدة. شغّل أوامر المشروع مجددًا بعد إعادة الفتح.