Вы работаете с Angular и вам нужно создавать проекты с разными версиями Angular? Вот простое руководство по созданию проектов Angular для конкретных версий, как с Angular CLI, так и без него!

Зачем использовать определенные версии Angular?

При работе над несколькими проектами Angular иногда необходимо зафиксировать определенную версию. Возможно, ваш проект использует определенные функции, доступные только в определенных версиях, или, возможно, он требует совместимости с устаревшими базами кода.

Вот как создавать проекты с определенными версиями Angular — независимо от того, используете ли вы CLI!

1. Создание проекта Angular без установки Angular CLI

Знаете ли вы, что можно инициализировать проекты Angular для определенных версий без установки CLI? Давайте посмотрим на синтаксис и примеры.

Синтаксис

npm init @angular@

Замените на желаемую версию Angular и на имя вашего проекта. Например, если вы хотите создать проект Angular 16 с именем sampleApp, вы должны запустить:

Пример

npm init @angular@16 sampleApp

Этот подход позволяет настроить базовый проект Angular без глобальной установки Angular CLI. Это удобно, если вы хотите избежать установки дополнительных инструментов или работаете в ограниченной среде.

Другие примеры

• Проект Angular 13 под названием HeritageApp:
  

  npm init @angular@13 legacyApp
  

Эта команда напрямую извлекает необходимую версию Angular, настраивая структуру проекта и зависимости, специфичные для этой версии.

2. Создание конкретной версии проекта Angular с помощью Angular CLI

Если вы предпочитаете использовать Angular CLI, вы все равно можете создать проект для определенной версии без постоянной установки CLI. Используйте npx для запуска CLI напрямую, указав свою версию.

Синтаксис

npx -p @angular/cli@ ng new 

Эта команда использует npx для временного запуска указанной версии CLI, создавая проект, адаптированный к этой версии Angular.

Пример

npx -p @angular/cli@13 ng new demoApp

Эта команда создает новый проект с использованием Angular CLI версии 13, даже если у вас глобально установлена ​​другая версия Angular CLI.

Преимущества использования npx:

• Нет постоянной установки: указанная версия CLI загружается для одноразового использования, что экономит место и позволяет избежать потенциальных конфликтов версий.
• Легкое переключение версий: вы можете быстро переключаться между версиями для разных проектов без необходимости управлять несколькими глобальными установками CLI.

Когда выбирать подходы с интерфейсом командной строки или без него

Без интерфейса командной строки

• Если вам нужна минимальная настройка
• При работе в ограниченной среде без глобальной установки Angular CLI

С интерфейсом командной строки

• Когда вам нужно использовать команды и схемы CLI
• При настройке полнофункционального рабочего пространства Angular

Подведение итогов

Независимо от того, используете ли вы CLI или нет, гибкость Angular с npm init и npx упрощает управление проектами в разных версиях. Так что в следующий раз, когда вам понадобится запустить конкретный проект версии Angular, вы точно будете знать, как это сделать, без необходимости возиться с установкой CLI!

Обзор быстрых команд

И всё! Надеюсь, это руководство оказалось полезным для ваших проектов Angular. Прокомментируйте ниже любые вопросы или советы, которые могут у вас возникнуть по работе с конкретными версиями Angular.

Удачного программирования!