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

Linux, Ubuntu

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

 

В этом руководстве мы покажем вам, как установить Angular в Ubuntu 20.04 LTS. Для тех из вас, кто не знал, Angular — это фреймворк с открытым исходным кодом JavaScript, который помогает в разработке одностраничных веб-приложений, подходящих для Интернета / мобильных устройств / настольных компьютеров. Angular сочетает в себе декларативные шаблоны, внедрение зависимостей, сквозные инструменты и интегрированные передовые практики для решения проблем разработки. Angular дает разработчикам возможность создавать приложения, которые работают в Интернете, на мобильных устройствах или на настольных компьютерах.

В этой статье предполагается, что у вас есть хотя бы базовые знания Linux, вы знаете, как использовать оболочку, и, что наиболее важно, вы размещаете свой сайт на собственном VPS. Установка довольно проста и предполагает, что вы работаете с учетной записью root, в противном случае вам может потребоваться добавить ‘ sudo‘ к командам для получения привилегий root. Я покажу вам пошаговую установку Angular на Ubuntu 20.04 Focal Fossa. Вы можете следовать тем же инструкциям для Ubuntu 18.04, 16.04 и любого другого дистрибутива на основе Debian, такого как Linux Mint.

Установите Angular на Ubuntu 20.04 LTS Focal Fossa

Шаг 1. Во-первых, убедитесь, что все ваши системные пакеты обновлены, выполнив следующие aptкоманды в терминале.

sudo apt update
sudo apt upgrade

Шаг 2. Установка Node.js.

Установите Node.js и npm из источника узла. Вам просто нужно добавить PPA для версии, которую вы хотите установить:

curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -

Для установки выполните следующие команды:

sudo apt install nodejs

Затем обновите версию npm до последней версии, выполнив следующую команду:

npm install npm@latest -g

После этого проверьте установку, запустив:

node --version
npm --version

Шаг 3. Установка Angular в Ubuntu 20.04.

Выполните следующие команды, чтобы установить инструмент Angular CLI в вашей системе:

npm install -g @angular/cli

После установки проверьте установленную версию Angular, используя следующую команду:

$ ng --version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 10.1.1
Node: 14.10.1
OS: linux x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1001.1
@angular-devkit/core         10.2.1
@angular-devkit/schematics   10.2.1
@schematics/angular          10.2.1
@schematics/update           0.1001.2
rxjs                         6.6.4

Шаг 4. Создание нового приложения Angular.

Теперь, когда у нас установлен Angular, мы можем создать базовый каркас для нового приложения. Для этого мы будем использовать наш недавно установленный Angular CLI:

ng new idroot

Сначала перейдите во вновь созданный каталог для нашего приложения:

cd idroot
ng serve --host your-server-ip --port 8088

Шаг 5. Доступ к веб-интерфейсу Angular.

Проект Angular развернут и прослушивает порт 8088. Вы можете получить к нему доступ, используя URL-адрес . Вы должны увидеть следующий экран:http://your-server-ip-address:8088

Поздравляю! Вы успешно установили Angular . Благодарим за использование этого руководства по установке Angular в системе Ubuntu 20.04 LTS Focal Fossa. Для получения дополнительной помощи или полезной информации мы рекомендуем вам посетить официальный сайт Angular .