ما هو Cursor؟
Cursor هو محرر أكواد يعتمد على الذكاء الاصطناعي أولاً، مصمم لتسريع تطوير البرمجيات. تم بناؤه كفرع من Visual Studio Code، وهو يدمج قدرات الذكاء الاصطناعي القوية مباشرة في تجربة التحرير، مما يسمح للمطورين بالدردشة مع قاعدة الأكواد الخاصة بهم، وإنشاء أكواد من خلال أوامر اللغة الطبيعية، وتصحيح الأخطاء تلقائيًا. يهدف إلى أن يكون أكثر من مجرد أداة إكمال تلقائي؛ فهو يعمل كشريك برمجة زوجي ذكي يفهم السياق الكامل لمشروعك.
الميزات الرئيسية
- دردشة واعية بقاعدة الأكواد: استخدم
Cmd+Lلفتح جزء دردشة لديه السياق الكامل لملفات مشروعك. يمكنك طرح الأسئلة والحصول على شروحات وتبادل الأفكار حول الحلول دون مغادرة المحرر. - تحرير مدعوم بالذكاء الاصطناعي: حدد كتلة من الكود واضغط على
Cmd+Kلفتح موجه أوامر مضمن. يمكنك أن تطلب من الذكاء الاصطناعي إعادة هيكلة الكود المحدد أو تحسينه أو إضافة وظائف إليه. - إنشاء كود من الصفر: في أي ملف، استخدم
Cmd+Kلوصف الوظيفة أو المكون أو الكود النموذجي الذي تحتاجه، وسيقوم Cursor بإنشائه لك. - تصحيح الأخطاء التلقائي: عندما تواجه خطأ، يمكن لـ Cursor فحص تتبع المكدس، وقراءة الملفات ذات الصلة، واقتراح إصلاح.
- التوافق مع VS Code: كونه فرعًا من VS Code، يدعم Cursor جميع السمات والإضافات واختصارات لوحة المفاتيح الحالية، مما يتيح انتقالًا سلسًا.
حالات الاستخدام
- النماذج الأولية السريعة: قم بإنشاء هياكل أولية للتطبيقات الجديدة أو واجهات برمجة التطبيقات أو المكونات بسرعة من خلال وصف الوظائف المطلوبة باللغة الإنجليزية البسيطة.
- التعرف على المشاريع الجديدة: تعرف بسرعة على قاعدة أكواد غير مألوفة عن طريق مطالبة Cursor بشرح كيفية عمل أجزاء مختلفة من الكود وتفاعلها.
- إعادة الهيكلة المعقدة: قم بإجراء عمليات إعادة هيكلة واسعة النطاق من خلال توفير تعليمات عالية المستوى وترك الذكاء الاصطناعي يتعامل مع التعديلات المملة عبر ملفات متعددة.
- تعلم لغات/أطر عمل جديدة: استخدم Cursor لإنشاء أمثلة على الأكواد وشرح بناء الجملة أو المفاهيم التي لست على دراية بها.
البدء
إليك مثال بأسلوب “Hello World” لإنشاء مكون React بسيط باستخدام Cursor:
- قم بتنزيل وتثبيت Cursor من الموقع الرسمي.
- أنشئ ملفًا جديدًا باسم
Button.jsx. - داخل الملف، اضغط على
Cmd+K(أوCtrl+Kعلى Windows/Linux). - في موجه الأوامر الذي يظهر، اكتب: “أنشئ مكون زر React بسيط. يجب أن يعرض الزر النص ‘Click Me’ ويقبل خاصية
onClick.” - اضغط على Enter. سيقوم Cursor بإنشاء الكود لك.
```jsx import React from ‘react’;
const Button = ({ onClick }) => { return ( <button onClick={onClick} style=> Click Me </button> ); };
export default Button;
التسعير
يعمل Cursor بنموذج freemium:
- الطبقة المجانية: تقدم عددًا محدودًا من طلبات الذكاء الاصطناعي المتقدمة شهريًا، وهي مناسبة للمطورين الأفراد أو المشاريع الصغيرة.
- الطبقة الاحترافية: توفر حصة أكبر بكثير من طلبات الذكاء الاصطناعي واستجابات أسرع مقابل اشتراك شهري.
- طبقة الأعمال: مصممة للفرق، وتوفر استخدامًا غير محدود للذكاء الاصطناعي، وفواتير مركزية، وميزات أمان متقدمة.