Изучение Angular 18 без нарушения существующих проектов

Недавно я работал над проектом Angular 17 и почувствовал желание изучить новые захватывающие возможности Angular 18. Однако я хотел сделать это таким образом, чтобы это не повлияло на мои существующие проекты, которые уже находились в разработке или Этапы обеспечения качества. Это представляло собой некоторую проблему:

• Глобальный Angular 17: У меня был установлен Angular CLI версии 17 глобально.
• Требование Angular 18: Node.js версии 18.19 или выше был обязательным условием для Angular 18.
• Сохранение существующих проектов: Мне нужно было сохранить существующие проекты Angular 17 нетронутыми.

Использование диспетчера версий узла (NVM):

Чтобы решить эту проблему, я решил использовать диспетчер версий узла (NVM). NVM позволяет вам управлять несколькими версиями Node.js в вашей системе, упрощая переключение между ними для разных проектов. Вот как я это настроил:

1. Установите NVM: Вы можете, следуя инструкциям на официальном сайте NVM, загрузить и установить его здесь.

2. Установить Node.js 18: После установки NVM я использовал команду
   

nvm install latest 

При этом была установлена ​​самая последняя версия Node.js (на тот момент это была 22.4.1).

Создание отдельной среды разработки:

Затем я создал отдельный каталог для своих практических проектов по Angular 18. Это помогает изолировать среду от моих существующих проектов.

Установка Angular 18 локально:

Чтобы установить Angular 18 для этого конкретного проекта, я использовал следующую команду:

npm install @angular/cli@latest 

Обратите внимание на отсутствие -g. При этом последняя версия Angular CLI (на тот момент это была 18.1.0) устанавливается локально в каталоге проекта, не затрагивая глобальную установку.

Сюрприз! Еще не совсем здесь:

Когда я попытался создать новый проект, используя ng new Practice-project, по умолчанию использовалась глобально установленная версия Angular CLI (17). Вот здесь-то и проявляется магия npx.

Представляем Node Package Executor (npx):

npx позволяет запускать пакеты из npm, не устанавливая их глобально. Это оказалось ключом к использованию конкретной версии Angular CLI (18) для моего нового проекта. Вот победившая команда:

npx @angular/cli@18 new my-angular-18-project

Я проверяю проект, выполнив версию ng

Успех! Изучение Angular 18:

После ожидания установки необходимых зависимостей у меня был готов к работе новый проект Angular 18 (my-angular-18-project)! Это позволило мне изучить все новые возможности Angular 18, включая потрясающий синтаксис @let, не мешая моим существующим проектам Angular 17.