منسق شيفرة تايب سكريبت
مرشد
منسق شيفرة تايب سكريبت
تعتمد مشاريع تايب سكريبت في نجاحها وفشلها على التنسيق المتسق. سواء كان فريقك يستخدم الفواصل المنقوطة أو يتجاوزها، يفضل علامات الاقتباس المفردة أو المزدوجة، أو مسافات بادئة بمقدار مسافتين أو أربع مسافات - يجب على المنسق تطبيق هذه القواعد باستمرار عبر كل ملف. تقوم هذه الأداة بتنسيق كود تايب سكريبت الخاص بك من جانب العميل مع خيارات نمط قابلة للتكوين، بحيث يمكنك مطابقة اصطلاحات مشروعك دون تثبيت أي شيء.
ألصق كود .ts أو .tsx الخاص بك، واختر تفضيلات النمط لديك، واحصل على ناتج منسق على الفور. كل شيء يعمل في متصفحك - لا يتم تحميل أو تخزين أي كود.
كيف تستعمل
ألصق كود تايب سكريبت الخاص بك في منطقة الإدخال أو جرب المثال المدمج. قم بتكوين النمط المفضل لديك: نوع وعرض المسافات البادئة، الفواصل المنقوطة، نمط الاقتباس، الفواصل اللاحقة، وعرض الطباعة. يظهر الناتج المنسق مع تطبيق الاصطلاحات التي اخترتها. انسخ النتيجة أو قم بتنزيلها كملف .ts.
سمات
- مسافة بادئة قابلة للتكوين – اختر مسافتين، 4 مسافات، أو علامات جدولة لمطابقة نمط مشروعك
- التحكم في الفواصل المنقوطة – إضافة أو إزالة الفواصل المنقوطة بناءً على تفضيلات فريقك
- نمط الاقتباس – تطبيع إلى علامات اقتباس فردية أو مزدوجة عبر جميع السلاسل النصية
- خيارات الفواصل اللاحقة – لا شيء، متوافق مع ES5، أو جميع الفواصل اللاحقة
- عرض الطباعة – تحديد عرض السطر إلى 80، 100، أو 120 حرفًا
- فرز الاستيراد – فرز وتنظيم عبارات الاستيراد تلقائيًا
- تنسيق التعليقات التوضيحية للأنواع – مسافات متسقة حول النقطتين، الأنواع العامة، ومعلمات الأنواع
- التحقق من بناء الجملة – يكتشف الأخطاء الشائعة مع الإبلاغ عن رقم السطر
- التحليل الواعي للسياق – يحترم السلاسل النصية، والتعليقات، والقوالب الحرفية عند التنسيق
- من جانب العميل فقط – الكود الخاص بك لا يغادر متصفحك أبداً
متى تستخدم هذه الأداة
استخدمه عندما تحتاج إلى إعادة تنسيق مقتطفات تايب سكريبت بسرعة قبل لصقها في الوثائق، أو تنظيف الكود من الدروس التعليمية أو Stack Overflow، أو تطبيع التنسيق قبل مراجعات الكود، أو تطبيق نمط متسق على الكود الذي لم يتم كتابته وفقًا لاصطلاحات مشروعك. إنه مفيد أيضًا للتحويل بين تفضيلات الأنماط - التبديل من الفواصل المنقوطة إلى عدم وجود فواصل منقوطة، أو من علامات الاقتباس المفردة إلى المزدوجة.
التعليمات
-
ما الفرق بين تنسيق تايب سكريبت وجافا سكريبت؟
توسع تايب سكريبت جافا سكريبت بإضافة تعليقات توضيحية للأنواع، وواجهات، وأنواع عامة، وتعدادات، وميزات أخرى لنظام الأنواع. يحتاج منسق تايب سكريبت إلى التعامل مع جميع تنسيقات جافا سكريبت القياسية بالإضافة إلى بناء الجملة الخاص بالأنواع مثل النقطتين في التعليقات التوضيحية للأنواع (const x: string)، والأقواس الزاويّة في الأنواع العامة (Array)، وتعريفات الواجهات والأنواع، وتنسيق التعدادات. قد تؤدي منسقات جافا سكريبت القياسية إلى كسر أو تجاهل هذه التركيبات الخاصة بتايب سكريبت.
-
هل يجب أن تستخدم مشاريع تايب سكريبت الفواصل المنقوطة أم لا؟
كلا النهجين صالحان ويستخدمان على نطاق واسع. تايب سكريبت (مثل جافا سكريبت) لديها إدراج تلقائي للفواصل المنقوطة (ASI) يضيف فواصل منقوطة عند التحليل، لذا فإن حذفها يعمل في معظم الحالات. يذكر الفرق التي تتجاوز الفواصل المنقوطة كودًا أنظف وضربات مفاتيح أقل. الفرق التي تتضمنها تذكر الوضوح وتجنب حالات ASI النادرة. المفتاح هو الاتساق - اختر نمطًا واحدًا وفرضه عبر المشروع بأكمله. تتضمن معظم أدلة الأنماط الرئيسية (Airbnb، Google) الفواصل المنقوطة، بينما يتجاوزها StandardJS.
-
لماذا يهم ترتيب الاستيراد في تايب سكريبت؟
يؤدي ترتيب الاستيراد المتسق إلى تحسين قابلية قراءة الكود وتقليل تعارضات الدمج. عندما يتم فرز الاستيرادات أبجديًا وتجميعها منطقيًا (حزم الطرف الثالث أولاً، ثم الوحدات الداخلية)، يمكن للمطورين العثور بسرعة على استيرادات محددة وتجنب التكرارات. تؤدي الاستيرادات غير المرتبة أيضًا إلى اختلافات git غير ضرورية - يؤدي مطوران يضيفان استيرادات في مواضع مختلفة إلى تعارض دمج حتى لو كان تغيير الكود الفعلي متطابقًا.
-
ما هي الفواصل اللاحقة ولماذا تستخدم في تايب سكريبت؟
الفواصل اللاحقة هي فواصل توضع بعد العنصر الأخير في المصفوفات، الكائنات، معلمات الدالة، ومعلمات الأنواع. ينتج عن استخدام الفواصل اللاحقة اختلافات git أنظف لأن إضافة عنصر جديد يغير سطرًا واحدًا فقط بدلاً من سطرين (السطر الجديد بالإضافة إلى إضافة فاصلة إلى السطر الأخير السابق). كما أنها تجعل إعادة ترتيب العناصر أسهل. يسمح ES5 بالفواصل اللاحقة في المصفوفات والكائنات؛ يسمح ES2017 و تايب سكريبت بها في معلمات الدالة أيضًا.
-
ما هو عرض الطباعة الذي يجب أن تستخدمه مشاريع تايب سكريبت؟
الاختيارات الأكثر شيوعًا هي 80، 100، و 120 حرفًا. 80 حرفًا هو المعيار التقليدي، والذي نشأ من قيود عرض الطرفية، ولا يزال الافتراضي في Prettier. 100 حرفًا هو حل وسط حديث شائع يستوعب التعليقات التوضيحية لأنواع تايب سكريبت المطولة دون التفاف مفرط. يعمل 120 حرفًا بشكل جيد على الشاشات العريضة ولكنه قد يؤثر على قابلية القراءة على الشاشات الأصغر أو في عروض الاختلاف جنبًا إلى جنب. اختر بناءً على إعداد الشاشة النموذجي لفريقك وسير عمل مراجعة الكود.
تثبيت ملحقاتنا
أضف أدوات IO إلى متصفحك المفضل للوصول الفوري والبحث بشكل أسرع
恵 وصلت لوحة النتائج!
لوحة النتائج هي طريقة ممتعة لتتبع ألعابك، يتم تخزين جميع البيانات في متصفحك. المزيد من الميزات قريبا!
