angular-migration
Спланировать миграцию с AngularJS на Angular
متاح أيضًا من: sickn33
Устаревший код AngularJS блокирует современные функции и обслуживание. Этот навык предоставляет четкий поэтапный путь миграции с гибридными паттернами и лучшими практиками.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "angular-migration". Мне нужен поэтапный план миграции среднего приложения AngularJS с минимальным временем простоя.
النتيجة المتوقعة:
- Выберите гибридную стратегию с ngUpgrade для параллельной работы
- Начните с миграции общих сервисов и утилит на TypeScript
- Преобразуйте роутинг в Angular Router с сохранением роутов AngularJS
- Мигрируйте одну функциональность за раз с непрерывным тестированием
- Удалите зависимости AngularJS на этапе финальной очистки
استخدام "angular-migration". Как преобразовать сервис AngularJS, использующий $http, в Angular HttpClient?
النتيجة المتوقعة:
- Замените $http на HttpClient из @angular/common/http
- Преобразуйте вызовы на основе промисов .then() в подписки RxJS Observable .subscribe()
- Используйте декоратор @Injectable и providedIn root для DI
- Сохраните подобный интерфейс сервиса для уменьшения изменений в зависимом коде
استخدام "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 с ngUpgrade и ручной загрузкой.
Объясните, как преобразовать директиву AngularJS с изолированной областью видимости в компонент Angular с входными и выходными параметрами.
Создайте поэтапный план миграции с вертикальными срезами, изменениями DI, миграцией роутинга и рекомендациями по тестированию.
أفضل الممارسات
- Начните с сервисов, чтобы уменьшить изменения в UI во время миграции
- Мигрируйте поэтапно с непрерывным тестированием на каждом шаге
- Примите TypeScript и руководство по стилю Angular с самого начала
تجنب
- Миграция UI-компонентов до миграции основных сервисов
- Смешивание паттернов AngularJS и Angular в рамках одного компонента
- Пропуск настройки гибридного приложения и комплексного тестирования
الأسئلة المتكررة
Совместим ли он со всеми версиями AngularJS?
Каковы основные ограничения этого навыка?
Могу ли я интегрировать это с существующими инструментами сборки?
Получает ли он доступ к моему исходному коду или данным?
Что делать, если мое гибридное приложение не загружается?
Чем это отличается от полного переписывания?
تفاصيل المطور
المؤلف
wshobsonالترخيص
MIT
المستودع
https://github.com/wshobson/agents/tree/main/plugins/framework-migration/skills/angular-migrationمرجع
main
بنية الملفات
📄 SKILL.md