🧩 ⭐ مميز

ESLint Extension

إضافة VS Code للتحقق من جودة الكود (Code Linting)

★ ★ ★ ★ ★ (5/5)

👁️ 3 مشاهدة

📅 09 Jul 2026

🌐 عام

مستوى الخبرة المطلوب:

🌱 مبتدئ ⚡ متوسط 🚀 محترف

🔗 زيارة الموقع الرسمي

★ ★ ★ ★ ★

تقييم المستخدمين

التصنيف 🧩 Extensions

المشاهدات 3

تاريخ الإضافة 09/07/2026

آخر تحديث 09/07/2026

📋 محتويات الصفحة

📖 الوصف 🎯 يستخدم في ✨ المميزات ⚠️ العيوب 💻 مثال

📖 الوصف

إضافة ESLint لـ VS Code هي الأداة الرسمية لدمج ESLint داخل المحرر. تعرض التحذيرات والأخطاء في الوقت الحقيقي أثناء الكتابة، وتوفر إصلاحات تلقائية.

🎯 يستخدم في

مجالات استخدام هذه الأداة

•

عرض أخطاء ESLint أثناء الكتابة

•

إصلاح الأخطاء تلقائياً (Format on Save)

•

التحقق من جودة الكود

•

تطبيق قواعد المشروع

•

التنقل بين الأخطاء والاختصارات

✨ المميزات

أبرز مميزات هذه الأداة

✓

عرض الأخطاء والتحذيرات في المحرر

✓

Quick Fixes (Ctrl+.) للإصلاح الفوري

✓

Format on Save مع ESLint

✓

دعم ESLint v9+ مع Flat Config

✓

تسليط الضوء على المشاكل (Underlines)

✓

Output panel للأخطاء

✓

Auto-fix All مع Ctrl+Shift+P

✓

دعم Workspaces متعددة

✓

أداء محسّن مع Large Files

⚠️ العيوب

نقاط يجب مراعاتها

يتطلب تثبيت ESLint في المشروع

قد يبطئ المحرر في المشاريع الكبيرة

مشاكل مع monorepos

يتطلب تكوين صحيح في settings.json

💻 مثال على الاستخدام

كيفية استخدام هذه الأداة

Example Code

// .vscode/settings.json
{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "eslint.workingDirectories": ["./frontend", "./backend"]
}