angular-migration
التخطيط لترحيل AngularJS إلى Angular
كود AngularJS القديم يمنع الميزات الحديثة والصيانة. توفر هذه المهارة مسار ترحيل واضح وتدريجي مع أنماط هجينة وأفضل الممارسات.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "angular-migration". أحتاج خطة مرحلية لترحيل تطبيق AngularJS متوسط بأقل وقت توقف.
النتيجة المتوقعة:
- اختر استراتيجية هجينة مع ngUpgrade للتشغيل المتوازي
- ابدأ بترحيل الخدمات المشتركة والأدوات إلى TypeScript
- حوّل التوجيه إلى Angular Router مع الحفاظ على توجيهات AngularJS
- رحّل ميزة واحدة في كل مرة مع الاختبار المستمر
- أزل تبعيات AngularJS خلال مرحلة التنظيف النهائية
استخدام "angular-migration". كيف أحول خدمة AngularJS التي تستخدم $http إلى Angular HttpClient؟
النتيجة المتوقعة:
- استبدل $HttpClient من @angular/common/http
- حوّل الاستدعاءات القائمة على الوعود .then() إلى الاشتراكات RxJS Observable .subscribe()
- استخدم مزخرف @Injectable وprovidedIn root لحقن التبعيات
- حافظ على تشابه واجهة الخدمة لتقليل التغييرات اللاحقة
استخدام "angular-migration". ما هي الاختلافات بين حقن التبعيات في AngularJS وAngular؟
النتيجة المتوقعة:
- يستخدم Angular الحقن في المُنشئ مع مزخرفات @Inject
- استبدل مصانع factory/service بمصنفات @Injectable
- استخدم downgradeInjectable للخدمات Angular المستخدمة بواسطة AngularJS
- استخدم upgradeInjection للخدمات AngularJS المستخدمة بواسطة Angular
التدقيق الأمني
آمنPure documentation skill containing only markdown files with educational code examples. No executable code, no network operations, no file system access. All static findings are false positives: markdown code block delimiters (```) misinterpreted as shell backticks, and JSON text fields with keywords triggering false pattern matches.
عوامل الخطر
⚡ يحتوي على سكربتات
🌐 الوصول إلى الشبكة
📁 الوصول إلى نظام الملفات
🔑 متغيرات البيئة
⚙️ الأوامر الخارجية
درجة الجودة
ماذا يمكنك بناءه
خريطة طريق الترحيل
إنشاء خطة مرحلية واتخاذ قرار بين التطبيق الهجين أو إعادة الكتابة الكاملة.
دليل تحويل المكونات
تحويل المتحكمات والتوجيهات إلى مكونات Angular.
تقدير الجهد
صياغة جدول زمني واقعي مع المراحل والمعالم.
جرّب هذه الموجهات
قدم خطة ترحيل بسيطة لتطبيق AngularJS صغير، بما في ذلك اختيار الاستراتيجية والمخاطر الرئيسية.
قدم الخطوات لإعداد تطبيق هجين من AngularJS و Angular مع ngBootstrap والتهيئة اليدوية.
اشرح كيفية تحويل توجيه AngularJS مع نطاق معزول إلى مكون Angular مع المدخلات والمخرجات.
إنشاء خطة ترحيل مرحلية مع الشرائح العمودية وتغييرات حقن التبعيات وترحيل التوجيه وإرشادات الاختبار.
أفضل الممارسات
- ابدأ بالخدمات لتقليل تغيرات واجهة المستخدم أثناء الترحيل
- رحّل بشكل تدريجي مع الاختبار المستمر في كل خطوة
- اعتمد TypeScript ودليل أسلوب Angular من البداية
تجنب
- ترحيل مكونات واجهة المستخدم قبل ترحيل الخدمات الأساسية
- خلط أنماط AngularJS وAngular داخل مكون واحد
- تجاهل إعداد التطبيق الهجين والاختبار الشامل
الأسئلة المتكررة
هل هذا متوافق مع جميع إصدارات AngularJS؟
ما هي الحدود الرئيسية لهذه المهارة؟
هل يمكنني دمج هذا مع أدوات البناء الموجودة؟
هل يصل إلى الكود المصدر أو البيانات الخاصة بي؟
ماذا لو فشل تهيئتي التطبيق الهجين؟
كيف يقارن هذا بإعادة الكتابة الكاملة؟
تفاصيل المطور
المؤلف
wshobsonالترخيص
MIT
المستودع
https://github.com/wshobson/agents/tree/main/plugins/framework-migration/skills/angular-migrationمرجع
main
بنية الملفات
📄 SKILL.md