قبل معرفة المزيد حول وضع الوكيل وتحرير Copilot ، من الضروري فهم نافذة دردشة Copilot في VS Code – محورك المركزي لتفاعلات الذكاء الاصطناعي.

هذا هو المكان الذي يمكنك:

• اطرح أسئلة الترميز مثل “كيف يمكنني تنفيذ مصادقة JWT في Node.js؟”
• يستخدم /explain لفهم كتل التعليمات البرمجية المعقدة
• قضايا التصحيح مع /fix
• توليد الاختبارات مع /tests
• الوصول إلى كل من التعديلات وميزات وضع الوكيل

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

اسمحوا لي أن آخذك من خلال مثال في العالم الحقيقي على كيفية استخدام Github Copilot لتطوير موقع الويب الخاص بي. لقد بدأت بفكرة بسيطة: قم بإنشاء بيضة عيد الفصح على غرار الطرفية التي تعرض مهاراتي بطريقة صديقة للمطور.

لقد بدأت بوظيفة معالجة الأوامر الأساسية التي تعاملت مع بعض الأوامر البسيطة:

function processCommand(command) {
try {
if (!command?.trim()) {
return 'Please enter a command. Type "more" for available commands.';
}

const sanitizedCommand = command.toLowerCase().trim();

switch (sanitizedCommand) {
case 'more':
return commands.more;
case 'about':
return commands.about;
case 'skills':
return commands.skills;
case 'projects':
return commands.projects;
case 'contact':
return commands.contact;
default:
return `Command not found: "${command}". Type 'more' for available commands.`;
}
} catch (error) {
console.error('(Terminal) Error processing command:', error);
return 'An error occurred while processing the command.';
}
}

في البداية ، استخدمت تعديلات Copilot لإضافة ميزات جديدة بسرعة. على سبيل المثال ، أردت إضافة أمر “github” لعرض مستودعاتي:

قامت تعديلات Copilot بإجراء تغييرات مستهدفة على بيان التبديل في processCommand الوظيفة وأضاف الأمر الجديد إلى كائن الأوامر – مثال مثالي على التعديلات السريعة والمركزة على التعليمات البرمجية الحالية.

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

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

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

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

• بناء ميزات كاملة: “أضف تتبع التحليلات في جميع أنحاء التطبيق”
• التنقل في الكود غير المألوف: “ساعدني في فهم كيفية عمل المصادقة في هذا المشروع”
• اختبارات الكتابة والتحقق: “اكتب اختبارات لمستخدمي المستخدمين وتأكد من مرورهم”
• تنفيذ المهام الثقيلة الطرفية: “قم بإعداد مشروع React جديد مع TypeScript و Redux وموطنات التصميم”
• القيام بإعادة إنشاء معقدة: “إعادة صياغة مكالمات واجهة برمجة التطبيقات الخاصة بنا لاستخدام نمط معالجة الأخطاء الجديد”

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

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

1. ابحث من خلال قاعدة كود لفهم التنفيذ الطرفي.
2. إنشاء ملف CSS الجديد للموضوعات.
3. إضافة وظيفة الرسوم المتحركة إلى الاستجابات الطرفية.
4. تنفيذ معالجات لوحة المفاتيح للتنقل في التاريخ.
5. بناء نظام إكمال علامة التبويب.
6. أضف الأمر السمة إلى عبارة التبديل.
7. اختبر التنفيذ لضمان عمل كل شيء بشكل صحيح.

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

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

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

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

تريد تجربة هذه الميزات؟ هذا هو دليل الإعداد السريع الخاص بي:

1. افتح VS Code وابحث عن نافذة الدردشة Copilot.
2. انقر فوق الزر “تحرير مع Copilot” لفتح عرض تعديل Copilot.
3. أضف ملفاتك ذات الصلة إلى مجموعة العمل. ستقوم Copilot بإجراء تغييرات على الملفات في هذه المجموعة فقط (ما لم تنشئ ملفًا جديدًا).
4. اكتب مطالبك الذي يصف التغييرات التي تحتاجها.
5. راجع “الفرق” لجميع التغييرات المقترحة قبل قبولها.