الصفحة الرئيسية » الترميز » دليل لاستخدام SublimeLinter للمطورين

    دليل لاستخدام SublimeLinter للمطورين

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

    في هذا البرنامج التعليمي ، سنرى كيفية تثبيت SublimeLinter وإعداده. دعنا فقط نبدأ.

    ابدء

    أسهل طريقة لتثبيت SublimeLinter 4 هي من خلال SublimeText Package Control. منذ ذلك الحين في SublimeLinter 3, كل اللنت يجب أن يتم تثبيتها بشكل منفصل. هذا يسمح SublimeLinter لتشغيل أكثر كفاءة من خلال تشغيل فقط نسالة التي قمنا بتثبيتها.

    نظرًا لأنني أستخدم HTML و CSS و JS و PHP معظم الوقت في مشاريعي ، أرغب في تثبيت عبوات لهذه اللغات. في ال حزمة التحكم, أقوم بتثبيت SublimeLinter مع المكونات الإضافية التالية:

    • SublimeLinter-أتش تي أم أل مرتبة
    • SublimeLinter-stylelint
    • SublimeLinter-eslint
    • SublimeLinter-فب

    بعد ذلك ، لكي تعمل هذه المكونات الإضافية ، نحتاج أيضًا إلى تثبيت اللنت للغات ، وهي HTML Tidy و CSSLint و JSHint و PHP CLI.

    بالنسبة لأولئك الذين يستخدمون OSX ، يتم تثبيت Tidy و PHP مسبقًا في النظام. للتحقق ، قم بتشغيل الأمرين التاليين على التوالي.

     مرتب - نسخة php - نسخة 

    ستظهر لك هذه الأوامر إصدار Tidy و PHP لديك. يمكنك المتابعة لاستخدامها في نص سامية.

    إذا كنت تستخدم نظام التشغيل Windows أو Linux ، أو لم تكن مثبتًا لديك ، فيمكنك اتباع الإرشادات أدناه.

    تثبيت HTML مرتب

    لتثبيت HTML Tidy:

    • في OSX, تشغيل هذا الأمر في المحطة الطرفية الشراب تثبيت البيرة / المغفلين / مرتبة
    • في لينكس, استخدم هذا الأمر sudo - الحصول على تثبيت مرتبة.
    • في ويندوز, يمكنك الحصول على المثبت EXE من TidyBatchFiles.

    تثبيت PHP CLI

    • يمكن لمستخدمي OSX تثبيت PHP في النظام باستخدام curl -s http://php-osx.liip.ch/install.sh | باش -S 5.5 أمر. سيؤدي ذلك إلى تثبيت PHP 5.5 ، وهو أحدث إصدار ، في وقت كتابة هذا التقرير.
    • لينكس يمكن للمستخدمين متابعة هذا البرنامج التعليمي الشامل من DigitalOcean.
    • لمستخدمي ويندوز, يمكنك تنزيل المثبت هنا.

    تثبيت Styleint

    بعد ذلك ، سنقوم بتثبيت linter CSS يسمى Stylelint والذي سيتيح لنا فحص وإنفاذ أفضل الممارسات في ملفات CSS الخاصة بنا. يمكن اتباع التعليمات التالية في الأنظمة الأساسية الثلاثة: OSX و Windows و Linux. أفترض أنك قمت بالفعل بتثبيت Node.js مع NPM.

    لتثبيت Stylelint ، قم بتشغيل:

     npm تثبيت -g stylelint 

    لاحظ أنك ستحتاج أيضًا إلى إضافة ملف تكوين Stylelint إلى دليل المشروع الخاص بك ، بالإضافة إلى تثبيت تهيئة محددة مسبقًا مثل stylelint-config-standard. بمجرد تكوينها ، يجب أن تجد الأخطاء المميزة كما هو موضح أدناه.

    تثبيت ESLint

    سنقوم أيضًا بتثبيت ESLint ، وهي لغة حديثة وعالية التكوين ل JavaScript. سيساعدنا ذلك على تطبيق أفضل الممارسات وكذلك اكتشاف الأخطاء المحتملة عند كتابة JavaScript. يتطلب تثبيت ESLint أيضًا Node.js مع NPM.

    لتثبيته ، تشغيل.

     npm install -g eslint 

    بالمثل ، ستحتاج إلى إضافة تكوين ESLint إلى مشروعك ، أو استخدام التكوين المحدد مسبقًا مثل eslint-config-recommended.

    نحن متهيئون. نستطيع البدء linting HTML و CSS و JS و PHP في SublimeText باستخدام SublimeLinter 4.

    ميزات جديدة في SublimeLinter 4

    SublimeLinter 4 يجلب العديد من الميزات الجديدة ، وواحدة يمكن ملاحظتها بسهولة هي اللوحة التي تعرض جميع أخطاء الملفات المفتوحة. إذا كنت تستخدم نظام Mac ، فاضغط على Command + Ctrl + A. في نظامي Windows و Linux ، يمكنك الضغط على Ctrl + K و Ctrl + A.

    سيعرض مفتاح التشغيل السريع قائمة بالأخطاء ، كما هو موضح في لقطة الشاشة التالية.

    استخدم ال ↑ و ↓ للتنقل في القائمة ، وسوف تنتقل الصفحة إلى السطر المحدد حيث حدث الخطأ.

    أفضل البصرية

    يمكننا الآن التمرير فوق الحضيض في المحرر أو فقط السطر الذي يحدث فيه الخطأ لعرض رسالة الخطأ. لم يكن هذا ممكنًا في الإصدار السابق.

    شكلي للغاية

    أصبح SublimeLinter 4 الآن أكثر قابلية للتكوين من أي وقت مضى. على سبيل المثال ، يمكننا الآن العرف “الأنماط” إلى كل من التكوين linter. يسمح لنا ذلك بتعيين الرموز واللون ووضع الوبر والمسار والبيئة لمتغيرات كل linter بشكل منفصل.

    مرجع آخر

    آمل أن تساعد هذه المقدمة القصيرة في العمل مع SublimeLinter. يمكنك أيضًا الرجوع إلى المرجع إذا كنت ترغب في المزيد من العناصر المتقدمة.

    • وثيقة SublimeLinter الرسمية
    • ينت في البرمجيات والبرمجة - ويكيبيديا
    • مستودعات SublimeLinter