📋 محتويات الصفحة
📖 الوصف
ESLint في VS Code يدمج أداة linting في المحرر. يكتشف الأخطاء والمشاكل في الكود تلقائياً ويعرضها كتحذيرات وأخطاء في الوقت الفعلي مع إمكانية الإصلاح التلقائي.
🎯 يستخدم في
مجالات استخدام هذه الأداة
اكتشاف أخطاء الكود مبكراً
تطبيق معايير الكود
إصلاح أخطاء تلقائية
فحص TypeScript/JavaScript
فحص React/Vue/Angular
✨ المميزات
أبرز مميزات هذه الأداة
Real-time linting
Auto-fix on save
دعم ESLint configs متعددة
ESLint ignore files
Workspace settings
TypeScript support
Framework-specific rules
⚠️ العيوب
نقاط يجب مراعاتها
قد يكون بطيء في المشاريع الكبيرة
يحتاج تكوين ESLint
أخطاء قد تكون مربكة أحياناً
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
# تثبيت
npm install -D eslint
# إعداد
npx eslint --init
# تكوين .eslintrc.json
{
"extends": [
"eslint:recommended",
"plugin:react/recommended"
],
"rules": {
"no-unused-vars": "warn",
"react/prop-types": "off"
}
}📚 أدوات أخرى في 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 Extension
⭐إضافة VS Code للتحقق من جودة الكود (Code Linting)