إعداد Cursor للنجاح

Cursor هي أداة vibe coding الأكثر شعبية في 2026، يستخدمها أكثر من 2 مليون مطور يومياً. هذا الدرس يجهزك لأقصى إنتاجية.

التثبيت

التحميل والتثبيت

1. زر cursor.com
2. حمّل لمنصتك (macOS، Windows، Linux)
3. ثبّت وشغّل

الانتقال من VS Code

Cursor هو نسخة من VS Code، لذا الانتقال سلس:

عند التشغيل الأول:
├── "استيراد إعدادات VS Code?" → اضغط نعم
├── الإضافات تُستورد تلقائياً
├── السمات واختصارات لوحة المفاتيح تُحفظ
└── يستغرق حوالي 30 ثانية

تستخدم VS Code بالفعل؟ ذاكرتك العضلية تنتقل بالكامل.

الإعداد الأولي

1. اختيار النموذج

انتقل إلى الإعدادات → النماذج:

الإعداد الموصى به:
├── النموذج الافتراضي: Claude 3.5 Sonnet (أفضل توازن)
├── النموذج السريع: GPT-4o-mini (مهام سريعة)
├── نموذج الاستدلال: o1 (مشاكل معقدة)
└── مخصص: أضف مفاتيح API لنماذج إضافية

نصيحة احترافية: Claude 3.5 Sonnet هو الافتراضي لسبب—يتفوق في فهم وتوليد الكود.

2. إعدادات الخصوصية

للمشاريع الحساسة:

الإعدادات → الخصوصية:
├── وضع الخصوصية: مفعّل (الكود لا يُرسل للخوادم للتدريب)
├── القياس عن بُعد: اختيارك
└── فهرسة قاعدة الكود المحلية: مفعّلة (سياق أسرع)

3. الإعدادات الأساسية

// .cursor/settings.json
{
  "cursor.general.enableAutocomplete": true,
  "cursor.general.tabAcceptSuggestion": true,
  "cursor.chat.contextLimits": {
    "maxFiles": 20,
    "maxChars": 100000
  },
  "cursor.composer.alwaysUseContext": true
}

فهم الواجهة

المناطق الرئيسية

┌─────────────────────────────────────────────────────────────┐
│  شريط القوائم                                               │
├─────────┬───────────────────────────────────────┬───────────┤
│         │                                       │           │
│ مستكشف  │                                       │   لوحة    │
│ الملفات │          منطقة المحرر                 │  الدردشة  │
│         │                                       │   (⌘L)    │
│         │                                       │           │
├─────────┴───────────────────────────────────────┴───────────┤
│  الطرفية / Composer (⌘K للمضمن، ⌘I لـ Composer)             │
└─────────────────────────────────────────────────────────────┘

الاختصارات الأساسية

الإجراء	macOS	Windows/Linux
فتح الدردشة	⌘L	Ctrl+L
تحرير مضمن	⌘K	Ctrl+K
فتح Composer	⌘I	Ctrl+I
قبول إكمال Tab	Tab	Tab
تبديل الشريط الجانبي	⌘B	Ctrl+B
فتح سريع	⌘P	Ctrl+P

أول جلسة Vibe Coding

لنختبر إعدادك:

الخطوة 1: افتح الدردشة (⌘L)

اكتب:

أنشئ خادم Express بسيط مع نقطة نهاية للتحقق من الصحة

الخطوة 2: راجع الاستجابة

Cursor سيولد شيئاً مثل:

const express = require('express');
const app = express();
const PORT = process.env.PORT || 3000;

app.get('/health', (req, res) => {
  res.json({ status: 'healthy', timestamp: new Date().toISOString() });
});

app.listen(PORT, () => {
  console.log(`Server running on port ${PORT}`);
});

الخطوة 3: طبّق على الملف

اضغط "تطبيق" أو استخدم اختصار لوحة المفاتيح لإدراج الكود.

الخطوة 4: تعديل مضمن (⌘K)

حدد كتلة app.get واضغط ⌘K:

أضف تسجيل للطلبات قبل الاستجابة

فهرسة قاعدة الكود

للحصول على أفضل النتائج، دع Cursor يفهرس مشروعك:

الإعدادات → الميزات → فهرسة قاعدة الكود:
├── تمكين: مفعّل
├── فهرسة عند بدء التشغيل: مفعّل
└── مراقبة التغييرات: مفعّل

ما يمكّنه هذا:

• وعي سياقي أفضل
• إشارات @ دقيقة
• إكمالات أذكى بناءً على أنماطك

قواعد للـ AI (قواعد Cursor)

أنشئ .cursorrules في جذر مشروعك:

# سياق المشروع
هذا تطبيق Next.js 14 يستخدم TypeScript و Tailwind CSS.

# معايير البرمجة
- استخدم المكونات الوظيفية مع hooks
- فضّل التصديرات المسماة على التصديرات الافتراضية
- استخدم وضع TypeScript الصارم
- اتبع دليل أسلوب Airbnb

# هيكل الملفات
- المكونات في /components
- مسارات API في /app/api
- الأدوات في /lib

لماذا هذا مهم: Cursor يقرأ هذه القواعد ويطبقها على جميع الاقتراحات.

أنت جاهز: بيئة Cursor الخاصة بك الآن مُعدة للـ vibe coding الأمثل. في الدرس التالي، سنتقن وضع Composer—الميزة التي تجعل Cursor يتألق للمهام متعددة الملفات. :::