10 حزم نصية سامية لمطوري الواجهة الأمامية

يعد Sublime Text أحد أكثر برامج تحرير الشفرات قوة مع بعض الميزات الرائعة ، ويمكن أن يكون أكثر قوة عن طريق التثبيت الإضافات أو حزم. تضيف هذه الإضافات وظائف إضافية إلى نص سامية. واليوم هناك العديد من الإضافات لتلبية أي احتياجات الترميز الخاصة بك تقريبًا.

العثور على امتداد جيد على الرغم من يمكن أن يكون تحديا حقيقيا. تم التخلي عن بعض الإضافات تمامًا من قِبل مطوري البرامج ، بينما قد لا يكون البعض الآخر متوافقًا مع Sublime Text 3 ، وهو الإصدار الأحدث (في وقت كتابة هذا التقرير).

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

المزيد على Hongkiat.com:

• 18 مكوّنًا أساسيًا للحصول على المزيد من SublimeText
• [كيف] العمل مع قصاصات التعليمات البرمجية في نص سامية
• [كيف] تحديث التغييرات على المتصفح مع نص سامية
• [كيف] تحديد خطأ رمز في نص سامية
• من السهل اختيار اللون في نص سامية

1. AlignTab

AlignTab هو البرنامج المساعد لمحاذاة الرموز الخاصة بك. لديها “وضعية المعاينة” مما يتيح لك معرفة كيفية تطبيق المحاذاة (بالنظر إلى تدوين RegEx) قبل تطبيقها فعليًا. كما أن لديها “وضع الجدول” سوف يسمح لك ل ضبط المحاذاة المناسبة للجداول في تنسيق تخفيض السعر, منظم مع خطوط الأنابيب: |. يعد AlignTab امتدادًا مفيدًا لترتيب محاذاة الكود وجعله أسهل في القراءة.

2. ColorHighlighter

ColorHighlighter هو البرنامج المساعد ذلك يعرض أكواد اللون المحددة مع لونها المرئي. إذا اخترت “# الاتحاد الفرنسي” وسوف تظهر لك اللون الأبيض. يدعم ColorHighlighter جميع تنسيقات ألوان CSS مثل Hex و RGB و HSL و HSV ويتضمن كلمات رئيسية ملونة مثل “أحمر”, “أخضر”, إلخ. كما يعرض لك متغيرات LESS و Sass و Stylus التي تحتوي على قيمة لونية. إنها قطعة إضافية تساعدك على أن تكون أكثر سهولة عند التعامل مع الألوان.

3. MultiEditUtils

MultiEditUtils البرنامج المساعد يحسن SublimeText المدمج في “متعددة المؤشر” و “متعددة اختيار” ميزة ، مما يوفر لنا الوقت ل تحرير خطوط رمز طويل. على سبيل المثال: يمكنك دمج أو مبادلة بين الخطوط المحددة ، كما أنه يحسن النص الفرعي “اختيار الانقسام” عن طريق السماح لك بتحديد الترميز لتقسيم الخطوط المحددة. أعتقد أنه يجب أن يتوفر لديك مكون إضافي لتثبيت برامج الترميز الموالية.

4. بوابة الحضيض

إذا كنت تعمل مع Git ، فإن Git Gutter هو برنامج إضافي Sublime Text الموصى به لتثبيت. GitGutter سوف تظهر العلم في منطقة الحضيض ، من أي التعديلات أو الإضافات أو الإزالة التي قمت بها داخل الكود. إنها رمز مفيد لرؤية المقارنة بين إصدار الشفرة على الفور مقابل الالتزام أو الفرع أو مستودع HEAD الخاص بك.

5. معقول

يعد Modific مفيدًا عند استخدام Git أو SVN في عملك. تمامًا مثل GitGutter ، ستشير Modific إلى تغيير في الرموز. إلى جانب إبراز التغييرات ، يمكنك أيضًا عرض أو مقارنة الفرق بين الكود الحالي والالتزام الأخير بالضغط على Ctrl + Alt + D. وتشمل الأشياء الأخرى التي يمكنك القيام بها باستخدام Modific معاينة الكود الملتزم للسطر الحالي طالما التراجع عن تعديلات الكود.

6. شركة ديسمبر القيمة

المؤتمر الوطني العراقي القيمة ديسمبر يسمح لك ل زيادة أو نقصان الأرقام في وقت واحد ، حتى لو كانت على خطوط مختلفة. بالإضافة إلى الأرقام ، يمكنك أيضًا تغيير قيمة التواريخ وألوان HEX. لاستخدام هذا البرنامج المساعد بشكل عام ، قم بتوجيه المؤشر إلى يمين الرقم مباشرةً ، ثم اضغط على Alt + ↑ لزيادة الرقم أو البديل + ↓ لخفض الرقم. يمكنك أيضًا استخدام عجلة الماوس.

7. FileBrowser

FileBrowser يقدم طريقة جديدة ل انتقل الملفات والمجلدات الخاصة بك داخل دليل المشروع الخاص بك. عند تثبيت هذا المكون الإضافي ، يمكنك الوصول إلى دليل المشروع الخاص بك في شريط جانبي جديد ، والتنقل خلاله دون تحريك يديك بعيدًا عن لوحة المفاتيح - مثل برنامج التشفير الموالي. عندما تعتاد على ذلك ، يمكن لهذا البرنامج المساعد أن يعزز سير عملك تدريجياً.

8. IconFont

يوفر IconFont مقتطفات للعديد من خطوط الرموز الشائعة مثل FontAwesome و PaymentFont و Typicons و Github Octicons. وهو يعمل على غرار مقتطفات HTML العادية حيث سيتم توسيع الاختصارات إلى الطول الكامل من الفئات ورمز HTML لكل رمز.

9. DistractionFreeWindow

على الرغم من نص سامية المدمج “الهاء الحرة” تتيح لك الميزة التركيز على الرمز أو المحتوى الذي تكتبه ، عندما تكون في هذا الوضع, الصورة المصغرة والشريط الجانبي وجميع علامات التبويب الأخرى مخفية. خالية من الهاء لا ينبغي أن يعني فقدان الوصول إلى هذه الميزات. هنا يأتي دور DistractionFreeWindow لمنحك المزيد من المرونة فيما يتعلق بكيفية تصرف وضع Free Distraction.

10. FilterLines

يسمح لك FilterLines بالبحث من خلال الأسطر الموجودة في المستند الخاص بك عن المعطى “سلسلة الكلمات الرئيسية” أو “تدوين RegEx”. انها ميزة مفيدة ل التعامل مع كميات كبيرة من البيانات الخام في شكل JSON ، JavaScript Array ، CVS.