Как установить Angular на Ubuntu 24.04

Свободно доступная платформа JavaScript для создания динамических приложений называется Angular.js. Он позволяет вам быстро и однозначно представлять каждый аспект вашего приложения за счет расширения синтаксиса HTML, когда он используется в качестве языка шаблонов. Он предоставляет набор инструментов для написания, обновления и тестирования кода. Он предлагает множество возможностей, включая маршрутизацию и управление формами. В этом руководстве обсуждается метод установки Angular в Ubuntu 24 путем установки Node.js.

Обновите и обновите систему

Прежде чем перейти к установке, давайте сначала пройдемся по обновлению системы. Необходимо обновить систему Ubuntu 24, поскольку в ближайшее время она должна без проблем вступить в силу при новых установках. Итак, мы используем инструкцию обновления и обновления в рамках одной команды, которая выполняется с помощью утилиты «apt».

После выполнения этой инструкции система выделяет установленное пространство для процесса обновления и обновления и просит вас подтвердить это, нажав «y» или «n». Поэтому вам необходимо нажать «y», чтобы завершить процесс обновления, как показано ниже. Через некоторое время наша система будет успешно обновлена ​​и модернизирована.

Установите зависимости

Установка Angular и Node.js также зависит от некоторых других утилит. Эти зависимости включают git, wget, curl и многие другие. Таким образом, нам необходимо установить эти зависимости заранее. Для установки этих зависимостей мы используем ту же утилиту «apt» в командной оболочке и ждем, пока все зависимости не будут установлены успешно.

Установите Node.js

Приложения Angular не могут работать без Node.js, что является основным требованием. Поэтому необходимо установить Node.js, прежде чем переходить к установке Angular в Ubuntu 24. Кроме того, для установки Node.js требуется утилита командной строки NVM. Итак, мы используем утилиту «curl» в оболочке терминала, чтобы сначала установить утилиту NVM из официального репозитория Github. Вы можете видеть, что после выполнения этой инструкции утилита NVM была скачана и установлена.

Теперь также необходимо включить среду NVM в системе Ubuntu 24 Linux. Итак, мы запускаем файл «bashrc», используя исходную инструкцию, чтобы система могла получить эффекты от недавно установленной утилиты NVM и настроить среду.

После создания среды система Ubuntu 24 готова к установке Node.js на своей стороне. Для этого мы используем недавно установленную утилиту «nvm» в инструкциях по установке, которые используются в оболочке терминала. Используя эту инструкцию, мы устанавливаем последнюю версию Node.js 18 в нашу систему Ubuntu. Кроме того, инструмент NVM устанавливает менеджер пакетов узлов вместе с Node.js. Обработка начинается со скачивания и установки ноды версии 18.19.1 с официального сайта. После этого он вычисляет контрольную сумму и создает псевдоним по умолчанию.

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

Установите Angular CLI

Пришло время предпринять последние шаги по установке интерфейса командной строки Angular после установки всех зависимостей, включая NPM и Node.js. Для этого мы используем NPM (менеджер пакетов узлов) в терминальной оболочке Ubuntu 24.

Вы можете использовать права sudo для выполнения этой инструкции по установке. Эта команда включает ссылку на официальный пакет Angular CLI. Флаг «—location» установлен для добавления Angular CLI на глобальном уровне для системы Ubuntu 24, который доступен всем пользователям текущей платформы.

Будет полезно, если вы подождите некоторое время, пока обработка Angular CLI не завершится. После некоторой обработки пакеты Angular CLI добавляются и успешно устанавливаются. Взамен вы получите следующий показанный результат на экране вашего терминала, на котором за 2 минуты добавлено 232 пакета:

Теперь пришло время проверить установку Angular CLI. Он поставляется с командой «ng», которая помогает выполнять команды в Angular CLI. Итак, поищем установленную версию команды «ng». Ответив на некоторые вопросы по выполнению этой команды версии, мы получим следующий вывод, который также содержит информацию о версии Angular, Node, NPM и ОС. В конце также отображается информация о пакетах и ​​их установленных версиях.

Создайте угловое приложение

Пришло время использовать Angular CLI для создания нового приложения Angular в Ubuntu 24. Точно так же, как мы использовали инструкцию «ng» для проверки версии Angular CLI, мы также будем использовать ее для создания нового приложения с именем «test» с «новое» ключевое слово. Казнь происходит с задачей некоторых вопросов. Будет полезно, если вы ответите на эти вопросы в соответствии со своими предпочтениями, и пакеты для вашего нового приложения будут успешно установлены.

Через некоторое время будет создано новое приложение Angular с именем «test». В нашем рабочем каталоге создается новый «тестовый» каталог, как показано в следующем прикрепленном выводе:

После создания «тестового» Angular-приложения нам необходимо запустить и его. Для этого перейдите в каталог «test» и используйте утилиту «ng» для выполнения команды «serve».

Вы также можете использовать ту же команду, чтобы установить порт 4200 для всех системных интерфейсов, установив хост как 0.0.0.0.

Заключение

В этом руководстве показано, как можно использовать среду Angular для создания любого приложения. В поддержку этой идеи мы продемонстрировали способ установки Angular на Ubuntu 24 после установки и настройки Node.js и NPM. Наконец, мы разработали способ создания приложения Angular в Ubuntu 24 с использованием Angular CLI.