📋 محتويات الصفحة
📖 الوصف
إضافة 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
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// .vscode/settings.json
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit"
},
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
],
"eslint.workingDirectories": ["./frontend", "./backend"]
}📚 أدوات أخرى في Extensions
قد يعجبك أيضاً
Auto Import
إضافة VS Code لإضافة الاستيرادات تلقائياً (Auto Import Extension)
Bracket Pair Colorizer
⭐إضافة VS Code لتلوين الأقواس
Color Picker
إضافة VS Code لاختيار الألوان
CSS Modules
⭐إضافة VS Code لدعم CSS Modules
Error Lens
⭐إضافة VS Code لعرض الأخطاء في السطر (Inline Diagnostics)
ESLint
⭐إضافة VS Code للتحقق من جودة الكود