Gimli

Gimli

ملحق Visual Studio Code يتيح الأدوات المرئية الذكية للمطورين الأمامي.
بخلاف منصات التطوير المرئية الأخرى ، يستهدف Gimli المطورين الأماميين.Gimli ليس حلاً "بلا كود".بدلاً من ذلك ، يحاول الجمع بين الأدوات المرئية التي توجد غالبًا في حلول "بدون كود" مع بيئة تطوير Visual Studio Code.أبرز الميزات: أدوات التخطيط - يتطلب إنشاء تخطيطات ديناميكية معقدة غالبًا استخدام الشبكة و Flexbox.تعلم جميع الخصائص الممكنة وكيف تتفاعل مع بعضها البعض يمكن أن يكون تحديا.يحل Gimli هذا من خلال توفير أدوات بصرية تبسط هذه العملية إلى حد كبير.يمكّن Gimli أدوات التخطيط بناءً على العنصر الذي تم اختياره.على سبيل المثال ، إذا حصل عنصر على خاصية العرض الخاصة به على الشبكة ، فسيتم تمكين مجموعة من الأدوات التي تركز على الشبكة.إذا كان عنصر ما لديه عنصر عرض تم ضبطه على Flex ، فسيتم تمكين مجموعة من الأدوات التي تركز على عنصر flex ، وهكذا.... البحث عن مصدر انتقل إلى ملفاتك بسهولة باستخدام ميزة "find source" في Gimli.يتيح لك Gimli العثور على الكود المصدري لقواعد CSS وعناصر HTML على الفور.يعمل مع أي إطار أو مكتبة تمامًا مثل أدوات مطور برامج المتصفح لديك ، يهدف Gimli إلى العمل مع أي إطار عمل أو مكتبة اخترت التعامل معها.تم اختبار Gimli حتى الآن باستخدام React و WordPress و Bootstrap و VueJS و Angular و Stencil.تطبيق الأنماط لا حاجة لنسخ ولصق الأنماط.باستخدام ميزة "تطبيق الأنماط" الخاصة بـ Gimli ، يمكنك معرفة الأنماط التي تمت إضافتها أو إزالتها أو تغييرها.يمكنك بعد ذلك تطبيق كل أو بعض تلك الأنماط فقط.ما سبق هو مجرد نظرة خاطفة مبكرة لما سيحدث.ما رأيته أعلاه هو ميزات تم تنفيذها بالفعل.بالنظر إلى الوقت والموارد ، آمل أن أتمكن من مواصلة تحسين الميزات الحالية وتنفيذ ميزات جديدة مثل: • أدوات الطباعة والنصوص • استيراد قصاصات مخصصة • أدوات التحويل والمنظور • تصدير وتنسيق HTML • عرض شجرة DOM • أدوات الألوان والعلامات التجارية
gimli

موقع الكتروني:

المميزات

التصنيفات

بدائل لـ Gimli for Firefox مع ترخيص مفتوح المصدر