شرح كيفية استخدام الذكاء الاصطناعي Cursor (مستوى مبتدئ مع أمثلة عملية)

لقد أصبح الذكاء الاصطناعي اليوم أحد أهم الركائز في تحسين وتسهيل مختلف الأنشطة ومن بينها البرمجة 👨‍💻.

من الأدوات الفعّالة في هذا المجال أداة Cursor AI، التي تهدف إلى تبسيط عملية البرمجة وزيادة سرعة تطوير الأكواد البرمجية. من بين ميزات هذه الأداة: اقتراح أكواد ذكية، ودعم لغات البرمجة الشائعة، والإكمال التلقائي، وإنشاء الوثائق، وشرح الأكواد البرمجية لتحسين قابلية القراءة، وتصحيح الأخطاء. لهذا الغرض، سنقدم في هذه المقالة من Nooh Freestyle شرحًا تمهيديًا حول استخدام Cursor AI، مع أمثلة.

شرح كيفية استخدام الذكاء الاصطناعي Cursor (مستوى مبتدئ مع أمثلة عملية)

تعلم كيفية البدء والعمل مع الذكاء الاصطناعي Cursor

How To Use Cursor AI

باختصار، في Cursor AI، يمكنك توفير أوامر لإنشاء الشيفرة البرمجية، وتحريرها، أو إضافة وثائق وصور كمرجع. كما يمكنك طرح أسئلة على الذكاء الاصطناعي حول أي جزء من الشيفرة البرمجية لشرحها لك سطرًا بسطر. إذا كنت تستخدم سابقًا أدوات ذكاء اصطناعي مثل Deep Seek و ChatGPT وغيرها للبرمجة، فإن Cursor AI يوفر لك تجربة أكثر تقدمًا وتكاملًا في بيئة مشابهة لـ VS Code. في بقية هذه المقالة، سنقدم تدريبًا على Cursor AI حول كيفية تثبيت هذه الأداة واستخدامها.

1- تثبيت Cursor AI

لتثبيت Cursor AI ، انقر على Download for windows في الصفحة الرئيسية للأداة. يمكنك أيضًا تنزيل AI لنظامي Mac و Linux.

تثبيت Cursor الذكاء الاصطناعي

ثم انقر على الملف الخاص به واتبع تعليمات التثبيت.

بعد اكتمال التثبيت، سيُفتح التطبيق تلقائيًا. انقر على Sign up للتسجيل.

تثبيت Cursor الذكاء الاصطناعي

سيتم تحويلك بعد ذلك إلى صفحة التسجيل في متصفحك. أدخل بريدك الإلكتروني وانقر على Continue. أو انقر على Continue with google.

المزيد من المحتوى: 10 خدمات ومواقع لإزالة العلامات المائية بالذكاء الاصطناعي

تنزيل Cursor الذكاء الاصطناعي

بعد الانتهاء من تعليمات تسجيل الدخول إلى الحساب، انقر فوق Yes,Login في الخطوة الأخيرة لتسجيل الدخول إلى البرنامج.

تنزيل Cursor الذكاء الاصطناعي

العودة إلى تطبيق سطح المكتب، يمكنك تحديد السمة المطلوبة والنقر فوق Continue.

تنزيل Cursor الذكاء الاصطناعي

ستظهر لك التعليمات في الخطوات التالية. انقر على Continue في كل خطوة، وإذا طُلب منك ذلك، فعّل مربع الاختيار لقبول القواعد. أخيرًا، ستدخل بيئة البرمجة.

تنزيل Cursor الذكاء الاصطناعي

2- مقدمة لأقسام Cursor

انقر على Open project وحدد مجلدًا (فارغًا في البداية) أنشأته مسبقًا. من القائمة، يمكنك القيام بأمور مثل فتح نافذة طرفية.

الجانب الأيسر من الصفحة مخصص لإدارة الملفات مثل الإضافة والحذف والنقل.

يوجد في منتصف الصفحة المحرر الرئيسي، وهنا يمكنك رؤية محتويات الملفات وتغيير الأكواد، كما سيقدم لك الذكاء الاصطناعي اقتراحات أيضًا.

في أسفل الشاشة، ستجد نافذة الطرفية، التي تُستخدم لتشغيل أوامر النظام. إذا لم تجدها، فانتقل إلى Terminal > New Terminal في القائمة.

على يمين الشاشة، توجد لوحة دردشة الذكاء الاصطناعي، والتي تعمل مثل ChatGPT، إلا أنها تتمتع بإمكانية الوصول إلى جميع ملفات مشروعك وإجراء تغييرات فعلية على الكود. إذا لم تظهر، فاضغط على Ctrl + L على لوحة المفاتيح. هنا، حدد Agent لتغيير الكود وإنشائه، ثم حدد Ask "اسأل عن أسئلة التصميم أو التوضيح". يمكنك أيضًا إضافة صورة لاستخدامها كمرجع.

Cursor الذكاء الاصطناعي

3- تعلم البرمجة باستخدام الذكاء الاصطناعي Cursor

لإنشاء شيفرة برمجية باستخدام الذكاء الاصطناعي للـ Cursor، اكتب الأمر المطلوب في قسم الدردشة. إذا كنت تتقن اللغة الإنجليزية، يمكنك إعطاء الأوامر للذكاء الاصطناعي صوتيًا. للحصول على هذه الميزة في نظام التشغيل، اضغط على مفتاحي Win + H.

باستخدام Cursor AI، يمكنك إنشاء ملف HTML كامل تلقائيًا بمجرد كتابة أمر بسيط أو طلب في الدردشة .

على سبيل المثال، نريد من الذكاء الاصطناعي كتابة شيفرة لإنشاء لعبة ثعبان. بعد كتابة طلبك، اختر وضع Agent وانقر على Send أو رمز السهم.

بعد ثوانٍ قليلة، سيظهر الكود. للاطلاع عليه، انقر على ملف index.html لعرضه في منتصف الصفحة.

المزيد من المحتوى: 16 أداة لتغيير الملابس بالذكاء الاصطناعي اونلاين (تجربة احترافية للأزياء)

بعد ذلك، لتشغيل الكود، اكتب الأمر start index.html في قسم المحطة الطرفية واضغط على Enter لتشغيله في المتصفح.

دورة تدريبية في برمجة الذكاء الاصطناعي من Cursor

والنتيجة هي كما يلي.

دورة تدريبية في برمجة الذكاء الاصطناعي من Cursor

إذا لزم الأمر، يمكنك تعديله باستخدام الأوامر. على سبيل المثال، كانت مشكلة اللعبة أنه عند وصول الثعبان إلى حافة اللعبة، لم تنتهِ اللعبة. نريد حل هذه المشكلة في الكود.

يتم تمييز التغييرات بألوان مختلفة في الكود. تشير الخطوط الحمراء إلى الخطوط التي تمت إزالتها بسبب التغيير. وتشير الخطوط الخضراء إلى التغييرات الجديدة التي تمت إضافتها. يمكنك الضغط على Ctrl + S لحفظ التغييرات.

البدء باستخدام الذكاء الاصطناعي Cursor

الآن إذا قمنا بتحديث شاشة اللعبة وبدأت اللعبة، إذا ضربت الثعبان الحافة، سيتم عرض الرسالة "لقد خسرت".

البدء باستخدام الذكاء الاصطناعي Cursor

4. طرح الأسئلة حول الكود

في Cursor AI، يمكنك تحديد جزء من الكود وطلب شرحه سطرًا بسطر من AI. هذه الطريقة مفيدة جدًا للتعلم. اضبط قسم الدردشة على Ask واكتب سؤالك.

برنامج تعليمي حول Cursor الذكاء الاصطناعي

5. إضافة الاقتراحات باستخدام علامة Tab

عند كتابة الكود في Cursor، تُقدّم لك اقتراحات مدعومة بالذكاء الاصطناعي بناءً على ما كتبته. يمكنك إضافتها إلى الكود بالضغط على مفتاح Tab.

برنامج تعليمي حول Cursor  الذكاء الاصطناعي

7. التفاعل مع الكود الموجود

يمكنك تحديد جزء من الكود ثم الضغط على Ctrl + K لفتح الدردشة المضمنة. بعد ذلك، اكتب التغييرات المطلوبة وأرسلها لتطبيقها. على سبيل المثال، أردنا إضافة صورة ثعبان بجوار نص لعبة الثعبان.

تثبيت Cursor الذكاء الاصطناعي

بجوار الكود المُضاف حديثًا، يظهر خياران: Keep و Undo، لحفظ الكود المُنشأ أو حذفه. النتيجة بعد حفظ الكود هي كما يلي.

البدء باستخدام الذكاء الاصطناعي Cursor

8- تحسين الاستعلام باستخدام @

تتيح لك ميزة @Mention في Cursor AI تزويد الذكاء الاصطناعي بمزيد من البيانات للحصول على إجابة أكثر دقة. يمكن أن يشمل ذلك ملفات ومجلدات بسيطة، وعمليات بحث على الويب، أو وصول الذكاء الاصطناعي إلى مستودع GitHub. على سبيل المثال، عند طرح سؤال، يمكنك إضافة @web للسماح للذكاء الاصطناعي بالبحث في الويب عن الإجابة.

المزيد من المحتوى: 10 من أفضل أدوات تقليد الصوت بالذكاء الاصطناعي (عربي وإنجليزي)

البدء باستخدام الذكاء الاصطناعي Cursor

9- دعم الصور في Cursor

من الممكن أيضًا إرسال صورة كمرجع في Cursor AI. على سبيل المثال، يمكنك رسم واجهة مستخدم التطبيق على الورق، ثم إضافتها إلى الدردشة، وإخبار الذكاء الاصطناعي باستخدام الصورة في نص طلبك.

البدء باستخدام الذكاء الاصطناعي Cursor

بعد حفظ النتيجة سوف تتغير واجهة اللعبة كما هو موضح في الصورة.

البدء باستخدام الذكاء الاصطناعي Cursor

10- إضافة الوثائق

يتيح لك الذكاء الاصطناعي Cursor إضافة مراجع للوثائق. قد لا تحتوي بعض المكتبات غير المعروفة أو الخاصة على وثائق تُستخدم في عملية تدريب الذكاء الاصطناعي. في هذه الحالة، يمكنك إضافة وثائق إلى المشروع بكتابة @ ثم اختيار Docs.

تعلم كيفية العمل مع الذكاء الاصطناعي Cursor

نصائح أخيرة

  1. ابدأ بالتجربة على مشاريع صغيرة قبل الانتقال إلى مشاريع كبيرة.
  2. احرص على قراءة التوثيق الرسمي لـ Cursor لفهم الميزات الجديدة.
  3. استخدم الأمثلة الجاهزة كنقطة انطلاق ثم عدّلها حسب احتياجاتك.
  4. جرّب أكثر من أمر برمجي لتتعلم كيفية تفاعل الذكاء الاصطناعي مع التعليمات.
  5. احفظ نسخة احتياطية من ملفاتك قبل تجربة أي كود يتم توليده تلقائيًا.

خاتمة

سيساعدك تنزيل Cursor AI على تحسين مهاراتك في البرمجة وزيادة إنتاجيتك. بعد تعلم كيفية استخدام هذه الأداة، يمكنك كتابة أكوادك بأقل قدر من الأخطاء وبجودة عالية. على الرغم من مزاياها العديدة، إلا أن لاستخدام Cursor AI عيوبًا أيضًا. على سبيل المثال، عندما يكون حجم المشروع كبيرًا أو يحتوي على ملفات متعددة تابعة، قد تتباطأ الأداة أو يضعف أداؤها. قد يتطلب الاستخدام المفرط لقدرات الذكاء الاصطناعي اشتراكات خاصة. كما أن الاعتماد المفرط على الذكاء الاصطناعي سيقلل من التعلم النشط للمبرمجين. لذلك، لا ينبغي أن يحل Cursor AI محل المبرمج، بل يجب أن يكون الغرض من استخدامه تقليل المهام المتكررة والمساعدة في التركيز على جوانب أكثر أهمية من المشروع.

الأسئلة الشائعة

ما هو Cursor AI؟

إنه محرر أكواد يعتمد على الذكاء الاصطناعي ويستخدم نماذج لغوية قوية لكتابة التعليمات البرمجية واقتراح الحلول وإصلاح الأخطاء وإنشاء الاختبارات وحتى شرح الأجزاء المعقدة من البرنامج.

هل أحتاج إلى خبرة برمجية قبل استخدام Cursor؟

ليس بالضرورة، لكن معرفة أساسيات البرمجة تساعدك على فهم الأكواد الناتجة.

هل يمكن استخدام Cursor مجاناً؟

نعم، يوجد إصدار مجاني بميزات محدودة، مع إمكانية الترقية للإصدار المدفوع.

تعليقاتكم وإقتراحاتكم؟

في هذه المقالة، قدّمنا شرحًا تمهيديًا حول استخدام الذكاء الاصطناعي Cursor مع أمثلة. بهذه الطريقة، يمكنك ليس فقط توفير الوقت، بل أيضًا تحسين جودة أكوادك. هل نجحت في استخدام الذكاء الاصطناعي Cursor؟ في أي جانب واجهتك تحديات؟ إذا كانت لديك أي معلومات أخرى في هذا الصدد، شاركها معنا ومع الآخرين في قسم التعليقات على هذه التدوينة.

تعليقات