إنها عملية مهمة للغاية للتحقق من الكود واختباره للعثور على أي أخطاء محتملة بحيث يمكن القضاء عليها في الوقت المناسب قبل وضعها على الموقع. تُعرف عملية فحص الكود أيضًا باسم Linting بين مصممي الويب والمطورين. كمصمم ، إذا كنت ترغب في كتابة رمز محسّن للغاية ، فيجب أن تحتاج إلى أدوات ربط. هناك نوعان من أدوات فحص التعليمات البرمجية. واحد هو التحقق من وجود الأخطاء والبق في الكود أثناء وقت التنفيذ. والآخر هو استخدام تقنيات تحليل التعليمات البرمجية الثابتة والتحقق من الرمز قبل التنفيذ. من الواضح أن هذا الأخير أفضل لأنه يمكن أن يوفر الوقت والمشاكل.
في الواقع ، يمكن وضع Linting في مراحل مختلفة. إذا كنت ترغب في اختبار الكود أثناء الكتابة ، فيمكنك استخدام أداة LINT. بالطبع ، إذا كنت ترغب في الاحتفاظ بالملف أو تنفيذ رمز LINT أثناء المرحلة ، فيمكن أن تفعل أداة Linting أيضًا كما ترغب في ذلك. ذلك يعتمد على اختيار الفرد. إذا كنت تبحث عن أفضل أدوات Linting لـ CSS و JavaScript ، فتواصل القراءة.
1.csslint
من المسلم به أن CSSLINT "ستؤذي مشاعرك" ، ولكن في المقابل سيجعل الكود الخاص بك أفضل بكثير ". CSSLINT يقود حاليا سوق CSSLINTING. إنه مكتوب في JavaScript ، ليس فقط مفتوح المصدر ، ولكن يأتي أيضًا مع عدد كبير من خيارات التكوين.
2.Sublimelinter csslint
CSSLINT هي أداة CSSLINTING فعالة بحيث يصعب العثور على منافس يمكنه مطابقته. ربما لهذا السبب يقوم Framework SublimeLiTlinting ببناء المكون الإضافي الخاص به على رأس CSSLINT. SublimElinter هو مكون إضافي لـ sublimetext يوفر للمستخدمين رمز الوبر (CSS ، PHP ، Python ، Java ، Ruby ، إلخ).
3. Stylelint
يمكن أن تساعد Stylelint المطورين على تجنب أخطاء بناء الجملة التي يمكن تحليلها في CSS أو SCSS أو أي postcss الأخرى. اختبر StyleLint أكثر من مائة قواعد ، ويمكنك اختيار تلك القواعد التي تريد التبديل (انظر هذا المثال التكوين).
4.W3C CSS Validator
على الرغم من أن مصلحة CSS من W3C لا تعتبر عادةً أداة ربط ، إلا أنها توفر للمطورين فرصة جيدة للتحقق من رمز CSS بمعايير W3C الرسمية. تقوم W3C بإنشاء برنامج التحقق الخاص به ، بهدف تقديم أداة مماثلة لمفتش برنامج LINT للغة C.
5. ترميز
يمكن لـ Dirty Markup تنظيف وتنسيق والتحقق من رمز HTML و CSS و JavaScript. إذا كنت تحب التصميم البسيط والمباشر وتريد حلًا سريعًا ، فأنت محق في اختياره. يمكن لـ Dirty Markup إلقاء رسائل الخطأ والإخطارات في الوقت الفعلي عند كتابة أو تعديل الرمز في المحرر.
6.jslint
تم إصدار JSLINT في الأصل في عام 2002 من قبل دوغلاس كروكفورد ، وقد ازدهرت منذ ذلك الحين ، حتى تتمكن من التعرف عليها بأمان كأداة لطف جافا سكريبت مستقرة وموثوقة.
7.jshint
JShint هو مشروع يحركه المجتمع يبدأ بجهود لإنشاء نسخة أكثر قابلية للتكوين وأقل عنادًا من JSLINT. يتيح JShint للمطورين تكوين أي من خيارات التثبيت الخاصة به ، ثم وضع تكوينات مخصصة في ملف منفصل ، مما يجعل الأداة سهلة إعادة استخدامها وبالتالي فهي مثالية للمشاريع الكبيرة.
8.Slint
Eslint هو حدث كبير حديث في Macro JavaScript Linting. إنه شائع بسبب طبيعته المرنة للغاية. لا يمكنك فقط تخصيص عدد كبير من قواعد الطبقة المتطورة ، ودمجها مع جميع محرري التعليمات البرمجية الرئيسية ، ولكن يمكنك بسهولة تمديد وظائفهم عن طريق إضافة ملحقات إضافية مختلفة.
9.JSCS
JSCs ، أو نمط رمز JavaScript ، هو مخطط نمط رمز قابل للتراجع لـ JavaScript ، يستخدم للتحقق من قواعد تنسيق الرمز. الهدف من JSCS هو توفير طريقة لتنفيذ امتثال برمجيًا لمعالج ترميز معين. على الرغم من أن JSCs لا تتحقق من الأخطاء والأخطاء ، إلا أنها لا تزال تستخدمها العديد من اللاعبين في الصناعات ذات التقنية العالية مثل Google و Airbnb و AngularJS ، حيث إنها تساعد المطورين على الحفاظ على قاعدة رمز قابلة للقراءة ومتسقة للغاية.
10.StandardJS
StandardJs ، أو JavaScript Standard Style هو مخطط نمط رمز ، يشبه إلى حد ما JSCs ، ولكن الفرق هو أنه أبسط ومباشر. يعد StandardJS اختيارًا رائعًا إذا كنت لا ترغب في قضاء بعض الوقت في التكوين وتريد فقط أداة فعالة تعمل خارج المربع.
رابط الترجمة: http://www.codeceo.com/article/10-css-javascript-linting-tool.html
اللغة الإنجليزية الأصلية: 10 أدوات CSS و JavaScript Linting لتحسين الكود