Навыки angular-migration
�

angular-migration

Безопасно ⚡ Содержит скрипты🌐 Доступ к сети📁 Доступ к файловой системе🔑 Переменные окружения⚙️ Внешние команды

Спланировать миграцию с AngularJS на Angular

Устаревший код AngularJS блокирует современные функции и обслуживание. Этот навык предоставляет четкий поэтапный путь миграции с гибридными паттернами и лучшими практиками.

Поддерживает: Claude Codex Code(CC)
📊 71 Адекватно
1

Скачать ZIP навыка

2

Загрузить в Claude

Перейдите в Settings → Capabilities → Skills → Upload skill

3

Включите и начните использовать

Протестировать

Использование «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

Аудит безопасности

Безопасно
v4 • 1/17/2026

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.

2
Просканировано файлов
587
Проанализировано строк
5
находки
4
Всего аудитов

Факторы риска

⚡ Содержит скрипты
Конкретные расположения не записаны
🌐 Доступ к сети
Конкретные расположения не записаны
📁 Доступ к файловой системе
Конкретные расположения не записаны
🔑 Переменные окружения
Конкретные расположения не записаны
⚙️ Внешние команды
Конкретные расположения не записаны
Проверено: claude Посмотреть историю аудитов →

Оценка качества

38
Архитектура
100
Сопровождаемость
85
Контент
29
Сообщество
100
Безопасность
91
Соответствие спецификации

Что вы можете построить

Дорожная карта миграции

Создайте поэтапный план и выберите между гибридным или полным переписыванием.

Руководство по преобразованию компонентов

Преобразуйте контроллеры и директивы в компоненты Angular.

Оценка трудозатрат

Составьте реалистичный график с этапами и контрольными точками.

Попробуйте эти промпты

Обзор миграции 
Предоставьте простой план миграции для небольшого приложения AngularJS, включая выбор стратегии и ключевые риски.
Гибридная загрузка 
Предоставьте шаги по настройке гибридного приложения AngularJS и Angular с ngUpgrade и ручной загрузкой.
Из директивы в компонент 
Объясните, как преобразовать директиву AngularJS с изолированной областью видимости в компонент Angular с входными и выходными параметрами.
Полный план миграции 
Создайте поэтапный план миграции с вертикальными срезами, изменениями DI, миграцией роутинга и рекомендациями по тестированию.

Лучшие практики

  • Начните с сервисов, чтобы уменьшить изменения в UI во время миграции
  • Мигрируйте поэтапно с непрерывным тестированием на каждом шаге
  • Примите TypeScript и руководство по стилю Angular с самого начала

Избегать

  • Миграция UI-компонентов до миграции основных сервисов
  • Смешивание паттернов AngularJS и Angular в рамках одного компонента
  • Пропуск настройки гибридного приложения и комплексного тестирования

Часто задаваемые вопросы

Совместим ли он со всеми версиями AngularJS?
Он ориентирован на паттерны миграции с AngularJS 1.x на Angular 2+.
Каковы основные ограничения этого навыка?
Он предоставляет руководство и примеры, но не автоматические изменения кода.
Могу ли я интегрировать это с существующими инструментами сборки?
Да, используйте его вместе с текущим CLI и конвейером сборки.
Получает ли он доступ к моему исходному коду или данным?
Нет, он только предоставляет руководство и примеры.
Что делать, если мое гибридное приложение не загружается?
Проверьте настройку UpgradeModule, порядок ручной загрузки и настройки strictDi.
Чем это отличается от полного переписывания?
Он делает акцент на поэтапной миграции для снижения рисков и времени простоя.

Сведения для разработчиков

Автор

wshobson

Лицензия

MIT

Репозиторий

https://github.com/wshobson/agents/tree/main/plugins/framework-migration/skills/angular-migration

Ссылка

main

Структура файлов

📄 SKILL.md