📋 محتويات الصفحة
📖 الوصف
Stylelint هي أداة linting قوية لملفات CSS، SCSS، Less، و syntaxes مشابهة. تساعد في اكتشاف الأخطاء في الأنماط وتطبيق معايير كتابة موحدة عبر المشروع. تشبه ESLint ولكن للأنماط، وتدعم أكثر من 170 قاعدة مدمجة مع آلاف من plugins من المجتمع.
🎯 يستخدم في
مجالات استخدام هذه الأداة
فحص جودة ملفات CSS
تطبيق naming conventions
اكتشاف الأخطاء في CSS
CI/CD للمشاريع الأمامية
✨ المميزات
أبرز مميزات هذه الأداة
170+ قاعدة مدمجة
دعم SCSS، Less، SugarSS
auto-fix لمعظم الأخطاء
plugins من المجتمع
تكامل مع المحررات
دعم Stylelint-config-standard
⚠️ العيوب
نقاط يجب مراعاتها
بطيء للمشاريع الكبيرة
إعداد معقد لـ SCSS
بعض القواعد قد تكون معقدة
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
# تثبيت Stylelint
npm install -D stylelint stylelint-config-standard
# فحص ملف CSS
npx stylelint "src/**/*.css"
# إصلاح تلقائي
npx stylelint "src/**/*.css" --fix
📚 أدوات أخرى في Linters
قد يعجبك أيضاً
Biome
⭐Biome
⭐CSpell
أداة فحص الأخطاء الإملائية (Spell Checker)
CSpell
أداة فحص الأخطاء الإملائية (Spell Checker)
ESLint
⭐أداة فحص وتحليل كود JavaScript/TypeScript
ESLint
⭐أداة فحص وتحليل كود JavaScript/TypeScript