الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

Devectus (ألفا): تطبيق مكون رمز غير متصل

حذر

هذا المشروع في مرحلة مبكرة من التطوير إلى حد ما ، وهو أحد محاولاتنا الأولى في OpenSoursing A Project

تطبيق مكتبة مكون من دون اتصال بالإنترنت يسمح للمطورين بحفظ مكونات/قصاصات الرمز على محرك الأقراص المحلي. لا تعقيدات ، معجون بسيط من التعليمات البرمجية المحفوظة للاستخدام لاحقًا.

محتويات

  • أهدافنا
  • الميزات الحالية
  • المساهمة
  • التثبيت والبدء
  • باستخدام التطبيق

Devectus Trailer (انقر فوق الصورة) -

تحذير

بينما يكون المشروع تحت ترخيص CC BY-NC 4.0 في الوقت الحالي ، فإننا منفتحون على الاقتراحات وقد نعيد النظر في الترخيص في المستقبل بناءً على ملاحظات المساهمين.

أهدافنا

  • لجعل إعادة استخدام مكونات الكود أسهل للمطورين.
  • للحفاظ على إبداعات رمز المطورين آمنة و 100 ٪ في وضع عدم الاتصال.
  • لزيادة كفاءة تطوير المشروع.
  • للحفاظ على ذلك بسيط ، لا توجد تحسينات منظمة العفو الدولية أو LLM لتعزيز الخصوصية "راحة البال".
  • الحفاظ على التصميم نظيف ، والحديث.

الميزات الحالية

  • إضافة مكون مع ؛ الاسم ، العلامات (الحد الأقصى من 3 الآن) ، اللغات (الحد الأقصى من 3 الآن) وصناديق إدخال الرمز
  • تحرير مكون ؛ الاسم والعلامات واللغات ومربعات إدخال الرمز
  • حذف مكون
  • مكونات دبوس
  • حدد مكونات لعرض جميع المعلومات التي تم إدخالها بواسطة المستخدم
  • مكونات البحث بالاسم أو العلامات
  • منطقة العلامات الحديثة لتحسين الوصول إلى المكونات
  • Langauges Tags Area لقائمة من 5 langauges في مكتبة المكونات
  • منطقة الإعدادات مع سمات مظلمة وخفيفة للتطبيق
  • زر تحديث التطبيق
  • شعارات التعليمات البرمجية المخصصة تلقائيًا للمكونات من "Devicons"

المساهمة

لدينا الكثير من الميزات والأفكار وبعض المشكلات التي يجب العمل عليها (انظر القضايا) ، إذا كنت تعتقد أنه يمكنك المساهمة ، والتحقق من المنطقة المساهمة.

الميزات المطلوبة

  • مكون/تطبيق Dyanamic React عند حدوث التفاعلات ، أي بمجرد إضافة مكون جديد ، يتم تحديث منطقة المكون لإظهار المكون الجديد على الفور
  • البحث الديناميكي الذي يعرض النتائج المتاحة تلقائيًا بناءً على الإدخال النشط
  • قدرات معالجة/إخراج الكود الأكبر (حاليًا فقط HTML ، CSS ، JavaScript) ؛ يمكن أن يكون هذا أمرًا متميزًا باستخدام محرري موناكو ربما (مفتوح للاقتراحات)
  • عمليات تنظيف الكود والتحسينات
  • بنية ملف ومجلد أفضل

أفكار ميزة في المستقبل

  • أفضل استجابة لجميع الأجهزة (التصميم)
  • المزيد من حالات استجابة التنبيه
  • إعفاء سياسة الأمن والمحتوى
  • اسحب الأقسام القابلة للتعديل أي عرض تنظيم حاوية مكون أو منطقة تفاصيل الرمز
  • الطوابع الزمنية على المكونات تلقائيًا ("تاريخ الإنشاء" ، "تاريخ التعديل")
  • مناطق مُرملة رمز مخصصة بالكامل لتتناسب مع السمات المظلمة/الخفيفة (محرر الرمز)
  • الرسوم المتحركة والتأثيرات الانتقالية (التصميم)
  • المزيد من الموضوعات القابلة للاختيار
  • توصيل التطبيق بالتمديد في VS Code لإضافة رمز المكون بسهولة أكبر إلى مشاريع
  • intergration/التوافق الوعرة لتوصيل مكون بالملاحظات

شاهد جميع الميزات المخططة هنا

نحن دائمًا منفتحون على المزيد من الاقتراحات التي تتماشى مع أهداف المشروع

التثبيت والبدء

اعتبارًا من الآن ، يتوفر المشروع فقط للتثبيت من مستودع GitHub -

يرجى التأكد من أن إصدار nodejs الخاص بك هو v20.15.1 أو أحدث

اتبع الدليل في مستندات جيثب

ابدء

تثبيت الحزم - 

 npm install

ابدأ التطبيق - 

 npm start

حذر

لا ندرك حاليًا التوافق المتبادل لهذا التطبيق على أنظمة التشغيل بخلاف Windows 11 ، يرجى إعلامنا بأي مشكلات قد تجدها!

باستخدام التطبيق

  • إضافة مكون

    بمجرد بدء تشغيل Devectus وفتحه ، يمكنك البدء بإنشاء مكون جديد عن طريق تحديد زر "إضافة" في منطقة الأدوات ، اتبع تعليمات نموذج الشاشة لإنشاء المكون الخاص بك.

  • حدد وعرض معلومات المكون

    انقر على مكون في قائمة/منطقة المكونات لعرض جميع المعلومات التي تم إدخالها لهذا المكون المحدد ، بما في ذلك الاسم ، والعلامات ، و langauges ، والرمز الذي تم إدخاله ، وكذلك الإخراج (HTML ، CSS و JavaScript فقط).

  • تحرير مكون

    يمكنك تحرير معلومات المكون عن طريق تحديد مكون ثم تحديد زر "تحرير" في منطقة الأدوات ، ثم إجراء تغييرات في النموذج وفقًا لذلك.

  • حذف مكون

    يمكنك حذف مكون عن طريق تحديد مكون ثم تحديد زر "حذف" في منطقة الأدوات ، ثم انقر فوق تأكيد الحذف.

  • دبوس مكون

    يمكنك تثبيت المكونات التي قد تراها أكثر أهمية من خلال تحديد المكون ثم تحديد زر "PIN" في منطقة الأدوات.

  • ابحث عن مكون

    يمكنك البحث عن مكون عن طريق كتابة البحث في شريط البحث أعلى أزرار/المنطقة واختيار رمز البحث أو الضغط على مفتاح "Enter".

  • تغيير موضوع التطبيق

    حدد زر الإعدادات في أعلى يسار التطبيق ، ثم حدد السمة المفضلة (الضوء/الظلام).

  • تحديث التطبيق

    حدد زر التحديث بجوار الشعار الموجود في الجزء العلوي الأيسر من التطبيق ويجب أن يظهر المكون الذي تم إنشاؤه حديثًا.

ملحوظة

نأمل أن ننطلق قريبًا تحديثًا تلقائيًا أو تحديثًا ديناميكيًا في بعض مكونات React لاستبدال الحاجة إلى التحديث بالزر.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل