🧩 ⭐ مميز

ESLint

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

★ ★ ★ ★ ★ (5/5)

👁️ 3 مشاهدة

📅 09 Jul 2026

⚛️ React 💚 Vue.js 🅰️ Angular 🧡 Svelte 🌐 عام

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

🌱 مبتدئ

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

★ ★ ★ ★ ★

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

التصنيف 🧩 Extensions

المشاهدات 3

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

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

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

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

📖 الوصف

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

أخطاء قد تكون مربكة أحياناً

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

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

Example Code

# تثبيت
npm install -D eslint

# إعداد
npx eslint --init

# تكوين .eslintrc.json
{
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended"
  ],
  "rules": {
    "no-unused-vars": "warn",
    "react/prop-types": "off"
  }
}