كيفية استخدام ميزة إكمال علامة التبويب للمؤشر

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

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

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

إكمال علامة كورسور مقابل GitHub Copilot، ما الفرق؟

قبل الغوص في "كيف"، دعونا نفهم "ما" و"لماذا". تميز علامة كورسور نفسها بعدة طرق رئيسية:

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

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

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

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

اتباع التعليمات (ضمنيًا): لأنها تفهم السياق والتعديلات الأخيرة، يمكن أن تستنتج علامة كورسور أحيانًا نواياك وتقترح اقتراحات تتماشى معها، مما يعني أنها تتفاعل مع التعليمات الضمنية المشتقة من أنماط برمجتك.

البداية مع ميزة إكمال علامة كورسور

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

تعتبر علامة كورسور ميزة أصلية لمحرر كورسور. إذا كان لديك كورسور مثبتًا، فإن علامة كورسور متاحة مباشرةً. يحصل المستخدمون المجانيون على تخصيص سخي للاقتراحات (2000 في وقت الكتابة)، بينما تقدم خطط Pro وBusiness استخدامًا غير محدود.

يمكنك بسهولة تشغيل أو إيقاف علامة كورسور. ببساطة ابحث عن مؤشر "علامة كورسور" في شريط الحالة في الزاوية السفلى اليمنى من نافذة المحرر. التمرير فوقه يكشف عن خيارات لتمكين أو تعطيل الميزة. هذا مفيد إذا كنت ترغب في الاعتماد فقط على إكمالات المحرر القياسية مؤقتًا أو إذا وجدت أنه مزعج في سيناريوهات معينة (مثل كتابة النثر).

التفاعل الأساسي:
التفاعل مع الاقتراحات مباشرة:

• قبول: اضغط على مفتاح Tab لقبول الاقتراح بالكامل (كلا الإضافات والتعديلات المبنية على الفروق).
• رفض: اضغط Esc للتخلي عن الاقتراح. بديلاً عن ذلك، استمر في الكتابة؛ مدخلاتك ستحل محل الاقتراح.
• القبول الجزئي (كلمة بكلمة): تحتاج فقط إلى الجزء التالي من الاقتراح؟ اضغط Ctrl → (على Windows/Linux) أو ⌘ → (على macOS). هذا يقبل الاقتراح كلمة بكلمة، مما يمنحك تحكمًا دقيقًا. ملاحظة: قد تحتاج إلى تمكين هذه الميزة في الإعدادات (إعدادات كورسور > الميزات > علامة كورسور).

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

سيناريو المثال:

تخيل أنك تقوم بكتابة استدعاء دالة:

result = calculate_total(subtotal, tax_rate, dis

بينما تتوقف بعد كتابة dis، قد تقترح علامة كورسور إكمال اسم المعلمة وإضافة القوس المغلق:

# يظهر الاقتراح كنص رمادي
result = calculate_total(subtotal, tax_rate, discount)

يتم قبول ذلك بالضغط على Tab.

الآن، اعتبر إضافة فحص لعلم ميزة جديدة:

// كورسور هنا
if (user.isAdmin) {
  enableAdminFeatures();
}

تكتب else if (، وقد تقترح علامة كورسور نمطًا شائعًا، ربما تعدل عدة أسطر:

+ else if (featureFlags.isNewUiEnabled(user.id)) {
+   renderNewUi();
+ } else {
+   renderOldUi();
+ }
-
- if (user.isAdmin) {
-   enableAdminFeatures();
- }

سيظهر هذا كنافذة فارقة. الضغط على Tab يطبق هذا التغيير متعدد الأسطر.

ميزات متقدمة أخرى لإكمال علامة كورسور

فهم الأساسيات أمر ضروري، لكن القوة الحقيقية لعلامة كورسور تكمن في قدراتها المتقدمة.

1. تعديلات متعددة الأسطر وإعادة الهيكلة في كورسور

هذه هي قوة علامة كورسور. بدلاً من إضافة المعلمات يدويًا، وتحديث توقيعات الدوال، وتعديل مواقع الاستدعاء، يمكن أن تقترح علامة كورسور غالبًا التغيير بالكامل.

سيناريو: لديك دالة process_data(data) وتدرك أنها تحتاج إلى كائن تكوين.

الإجراء: تبدأ بتعديل توقيع الدالة: def process_data(data, config

اقتراح علامة كورسور: قد تقترح علامة كورسور إكمال المعلمة، وإضافة تلميحات نوع (إذا كانت قابلة للتطبيق في لغتك)، وحتى اقتراح تعديلات داخل جسم الدالة لاستخدام config. قد يبدو هكذا (مبسط):

- def process_data(data):
+ def process_data(data, config):
    # ... الكود الحالي ...
-   threshold = 0.5 # القيمة القديمة الصلبة
+   threshold = config.get_threshold() # استخدم التكوين الجديد
    if data_value > threshold:
        # ... المزيد من الكود ...

2. الوعي السياقي وتكامل المدقق:

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

سيناريو: تكتب const userNmae = "Alice"; وتحتوي مدققك على خط تحت userNmae.

الإجراء: تضع المؤشر بالقرب من الخطأ المطبعي.

اقتراح علامة كورسور: قد تظهر علامة كورسور فارقًا يقترح التصحيح:

- const userNmae = "Alice";
+ const userName = "Alice";

سيناريو: تقوم بتنفيذ عناصر في قائمة تتبع نمطًا.

الإجراء: لقد أضفت Item(name="A", value=1), وItem(name="B", value=2),. تبدأ السطر التالي.

اقتراح علامة كورسور: معترفًا بالنمط، قد تقترح علامة كورسور Item(name="C", value=3),.

مستخدم GitHub Copilot؟ إليك ما تحتاج إلى معرفته:

تشمل كورسور وظائف GitHub Copilot بشكل افتراضي. إذا كان لديك كلاً من ملحق Copilot المستقل وميزات كورسور المدمجة نشطة، فإن اقتراحات علامة كورسور ستأخذ الأولوية. إذا كنت تفضل في بعض الأحيان استخدام اقتراحات Copilot القياسية، يمكنك تعطيل علامة كورسور عبر شريط الحالة أو الإعدادات. عمومًا، يجد المستخدمون أن قدرة علامة كورسور على التحرير وفهمها الأعمق للسياق تقدم تجربة أكثر قوة.

نصائح متقدمة لاستخدام ميزة إكمال علامة كورسور

عندما تصبح مرتاحًا مع الأساسيات، استكشف هذه الميزات المتقدمة لتعزيز سرعتك وكفاءتك.

علامة في عرض المعاينات (اذهب إلى التعريف/نوع التعريف):

هذا مفيد للغاية للتغييرات في الواجهة البرمجية. عندما تستخدم "اذهب إلى التعريف" (غالبًا F12) أو "اذهب إلى نوع التعريف"، يظهر التعريف في نافذة "peek" ضمن ملفك الحالي. تعمل علامة كورسور داخل هذه العروض أيضًا!

• سيناريو: تقوم بإضافة معلمة اختيارية جديدة priority لاستدعاء دالة: submit_task(task_data, user_id, priority=1)
• الإجراء: تدرك أن submit_task لا يقبل هذا. تستخدم "اذهب إلى التعريف" على submit_task. يظهر تعريف الدالة في عرض المعاينة.
• علامة في العرض: داخل عرض المعاينة، تبدأ بإضافة المعلمة إلى التعريف: def submit_task(data, user, prio
• اقتراح علامة كورسور: تقترح علامة كورسور إكمال المعلمة في التعريف، وربما إضافة قيمة افتراضية: def submit_task(data, user, priority=None):
• الفائدة: يمكنك تعديل تعريف الدالة ثم إصلاح استخداماتها بشكل أسرع، أحيانًا دون مغادرة سياق ملفك الأصلي [3].

توقع المؤشر (موقع التحرير التالي):

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

• سيناريو: لقد أضفت للتو معلمة إلى تعريف دالة باستخدام علامة في عرض المعاينة.
• الإجراء: تقبل الاقتراح وتغلق عرض المعاينة.
• التوقع: قد تبرز كورسور موقع الاستدعاء الأصلي حيث بدأت. الضغط على Tab مرة أخرى قد يقبل اقتراحًا لاستخدام المعلمة الجديدة التي أضفتها للتو في ذلك الموقع.
• الفائدة: يتيح لك تدفق "علامة-علامة-علامة" ربط التعديلات ذات الصلة بسرعة كبيرة، خاصة أثناء إعادة الهيكلة [3]. انتبه إلى الإشارات البصرية التي تشير إلى موقع متوقع.

قبولات جزئية (كلمة بكلمة):

كما ذكرنا سابقًا (Ctrl/⌘ →)، هذا مثالي عندما تقدم علامة كورسور اقتراحًا أطول، لكنك تحتاج فقط إلى الجزء الأول، أو ترغب في تعديل النهاية قليلاً.

لتمكين القبولات الجزئية، انتقل إلى إعدادات كورسور > الميزات > علامة كورسور.

• سيناريو: تقترح علامة كورسور const user = await fetchUserData(userId);.
• الإجراء: تريد فقط const user =.
• القبول الجزئي: اضغط على Ctrl/⌘ → ثلاث مرات لقبول "const"، "user"، و"=". ثم يمكنك كتابة شيء مختلف، مثل getUserFromCache(userId);.

هل تستمتع بعلامة، علامة، علامة؟ إليك بعض النصائح الإضافية لتشفير الطاقة مع كورسور

• ثق ولكن تحقق: الذكاء الاصطناعي قوي، لكنه ليس معصومًا. دائمًا راجع اقتراحات علامة، خاصة الأمور المعقدة التي تنطوي على عدة أسطر أو تغييرات منطقية، قبل القبول. تساعد رؤية الفروق بشكل كبير هنا.
• تعلم الاختصارات: إتقان Tab (قبول)، Esc (رفض)، وCtrl/⌘ → (قبول جزئي) هو المفتاح للسلاسة.
• تجربة: جرب علامة في مواقف مختلفة - كتابة كود جديد، إعادة هيكلة دوال موجودة، إصلاح أخطاء، العمل مع واجهات برمجة تطبيقات غير مألوفة. يمكن أن تختلف فائدتها حسب السياق.
• دمج مع ميزات أخرى: استخدم علامة بجانب دردشة كورسور (Cmd/Ctrl+L) والتعديلات داخل النص (Cmd/Ctrl+K) للحصول على سير عمل شامل مدعوم بالذكاء الاصطناعي. تتفوق علامة في الاقتراحات المحلية الفورية، بينما تتعامل الدردشة والتعديلات داخل النص مع تعليمات أكبر أو أكثر تعقيدًا.
• استفد من الاستيراد التلقائي: يحتوي كورسور أيضًا على قدرة على الاستيراد التلقائي (على الرغم من عدم تفصيله في الروابط المقدمة). تعمل اقتراحات علامة التي تقدم الاعتماديات غالبًا بسلاسة مع ذلك، مما يضيف تلقائيًا بيانات الاستيراد الضرورية، مما يقلل بشكل أكبر من الكود المتكرر.

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