AngularJS — это фреймворк для разработки; здесь мы изучим команды для установки AngularJS на Ubuntu 24.04 Noble, 22.04 Jammy JellyFish или 20.04 LTS Focal Fossa с помощью терминала.
Что такое AngularJS?
AngularJS — это проект фреймворка разработки с открытым исходным кодом и встроенным Javascript. Он содержит полезные библиотеки для разработки веб-приложений и предлагает паттерны проектирования для их запуска. В двух словах, это фреймворк на основе языка Javascript для разработки как внешних, так и внутренних веб-приложений с программированием на стороне клиента.
Это фреймворк MVC (Model-View-Controller), разработанный компанией Google для фронтенд-веб разработки, который позволяет нам создавать SPA (одностраничные приложения) без каких-либо проблем. Model-View-Model отделяет логику от логики дизайна, но сохраняет связь между обеими частями (привязка данных). Таким образом, визуальный слой не знает, что происходит в логическом слое, но сохраняет контроль над DOM (телом веб-приложения) и обновляет его содержимое по своему усмотрению. По сравнению с другими вариантами, такими как jQuery, Knockout, Handlebars или PagerJs, Angular представляет собой комплексное решение, которое позволяет нам отказаться от старого PHP в наших разработках и использовать современные технологии.
Шаги по установке AngularJS на Ubuntu 24.04 | 22.04 Linux
Команды, приведенные здесь для установки AngularJS, будут такими же и для других операционных систем на базе Debian или Ubuntu, таких как Linux Mint, POP OS, MX Linux и других.
1. Требования
Чтобы следовать этому руководству, нам необходимо:
— Ubuntu и другие подобные Linux
— Пользователь, не являющийся пользователем root (sudo)
— Терминальный доступ
— Интернет-соединение
2. Установите NodeJS и NPM на Ubuntu 24.04 или 22.04
Мы можем легко получить AngularJS с помощью менеджера пакетов NPM для NodeJS; поэтому сначала установите его на используемый вами Ubuntu 24.04, 22.04 или 20.04 Linux с помощью данной команды.
На момент написания этой статьи последней версией NodeJs была 22x. Однако на момент написания статьи LTS-поддерживаемые версии NodeJs для Angular были 18. x, 20. x или 22. x. Вы можете проверить последнюю версию на сайте GitHub страница.
Убедитесь, что у вас установлен curl:
sudo apt update sudo apt install -y ca-certificates curl gnupg git
Добавьте репозиторий LTS Node JS:
curl -fsSL https://deb.nodesource.com/setup_lts.x -o nodesource_setup.shКоманда для установки LTS nodeJS
После того как вы добавили репозиторий, давайте воспользуемся менеджером пакетов APT для установки NodeJS и NPM:
sudo -E bash nodesource_setup.sh
sudo apt install nodejs
Изменение глобального каталога установки NPM
1. Создайте каталог для глобальной установки NPM без использования «sudo»:
mkdir -p ~/.npm-global2. Настройте NPM на использование этой директории для глобальных установок:
npm config set prefix '~/.npm-global'3. Добавьте каталог в PATH. Отредактируйте ваш ~/.bashrc или ~/.profile и добавьте следующую строку:
sudo ~/.bashrcexport PATH=~/.npm-global/bin:$PATH4. Сохраните файл, нажав кнопку Ctrl+X, напечатать Y, и тогда попадание сайт Введите для выхода.
Перезагрузите конфигурацию оболочки:
source ~/.bashrc
3. Обновите менеджер пакетов NPM
NPM автоматически поставляется с NodeJS в нашей системе, но прежде чем продолжить, давайте убедимся, что у нас последняя версия.
npm install npm@latest -g
Убедившись, что версия NPM актуальна, мы можем проверить версию NodeJS и NPM с помощью приведенных команд:
npm -v
nodejs -v
4. Установка AngularJS на Ubuntu 24.04 | 22.04 LTS
Теперь, когда у нас есть NPM на нашем Ubuntu Linux, давайте загрузим пакеты для установки AngularJS на Ubuntu 24.04 или 22.04.
npm install -g @angular/cli
5. Проверьте версию AngularJS
После завершения установки давайте проверим версию Angular CLI.
ng version
5. Создайте свое первое приложение Angular на Ubuntu 24.04 | 22.04
Итак, у нас есть AngularJs в нашей системе Linux. Используя его командную строку, давайте протестируем его, создав наше первое демонстрационное веб-приложение.
ng new myapp
Ваш каталог App создан с необходимыми файлами; переключитесь на него:
cd myapp
Теперь выполните указанную команду для компиляции вашего приложения:
ng serve
Приведенная выше команда скомпилирует и запустит приложение на порту 4200. Чтобы получить доступ к приложению, откройте браузер и направьте его на:
http://localhost:4200
Если вы хотите запустить приложение на каком-то другом порту и чтобы оно было доступно с любого Ip-адреса, объявите об этом перед выполнением команды:
Пример:
ng serve --host 0.0.0.0 --port 8000
