Angular - это бесплатный фреймворк с открытым исходным кодом на основе JavaScript для разработки одностраничных приложений, преемник фреймворка AngularJS. Он поддерживается Google, той же компанией, которая создала JavaScript и сделала Angular известным. Согласно Google Developers, он может использоваться поверх "MongoDB, Node.js от IBM, Express от Nodejitsu" и т.д., что позволяет вам разрабатывать приложения, не задумываясь о том, на каких технологиях будет работать ваше приложение.
Если вы хотите начать работу с Angular, один из лучших способов сделать это - установить его на свой собственный сервер Ubuntu. Это позволит вам протестировать ваше приложение на различных браузерах, таких как Google Chrome и Mozilla Firefox.
Предварительные условия
Для того чтобы следовать этому руководству, вам понадобится несколько вещей. Вот что вам понадобится:
- На вашем VPS должен быть пользователь, не являющийся root, с привилегиями sudo для выполнения команд. Вы можете узнать больше о том, как это настроить, прочитав наше руководство по настройке.
- Системные требования: ПРОЦЕССОР: 2 ядра CPU, скорость: 2 ГГц, память RAM: 2 ГБ, дисковое пространство: 15 ГБ.
Обновление репозитория Ubuntu
Прежде чем приступить к установке Angular, важно убедиться, что ваш сервер Ubuntu обновлен. Для этого откройте окно терминала, нажав Ctrl+Alt+T на клавиатуре, и выполните следующую команду:
| 1 | sudo apt-get update && sudo apt-get upgrade -y |
Установка Node.js
Node.js - это кроссплатформенная среда выполнения с открытым исходным кодом для серверных и сетевых приложений. Это одна из самых популярных сред выполнения JavaScript. Node.js также может использоваться в веб-серверах и встроенных системах.
Мы установим Angular с помощью NVM (Node Version Manager), чтобы мы могли легко менять версии Node.js, ничего не нарушая в процессе. Для использования NVM нам необходимо установить Node.js, поэтому давайте сначала установим его.
Выполните приведенную ниже команду curl, чтобы добавить репозиторий Node.js компании Nodesource в вашу систему. Репозиторий Node.js от Nodesource позволяет нам легко и быстро получить последний стабильный выпуск Node.js. Это сторонний репозиторий программного обеспечения для установки Node.js на Debian, Ubuntu и другие дистрибутивы Linux GNU/Linux, включая производные Debian и Ubuntu, такие как Mint, elementaryOS и Zorin OS .
| 1 | curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo bash - |
Выполните приведенную ниже команду curl, чтобы установить Node.js в вашей системе.
| 1 | sudo apt install nodejs -y |
Выполните команду sudo npm install npm@latest -g, чтобы установить npm последней версии глобально на вашем сервере.
| 1 | sudo npm install npm@latest -g |
Убедитесь, что вы используете npm v9.x, выполнив следующую команду.
| 1 | npm --version |
Установка Angular в Ubuntu
Теперь, когда у вас установлен NVM на Ubuntu, вы можете легко установить Angular, выполнив следующую команду.
| 1 | sudo npm install -g @angular/cli |
Для начала, это не опечатка! Символ -g означает Global. Глобальный означает, что команда влияет на все приложения Angular на вашем компьютере. Например, если вы установили angular глобально, вы сможете использовать команду angular-cli в любой директории.
Когда мы устанавливали Angular через NPM, он был локально установлен для вашего использования только в одном каталоге. Обычно это нормально, но могут быть случаи, когда вы хотите, чтобы все ваши проекты Angular имели одну и ту же версию Angular, и если это еще не достаточно запутано, то иногда вам даже могут понадобиться разные версии Angular для разных проектов!
CLI означает интерфейс командной строки. Интерфейс - это просто другая компьютерная программа (командная строка), которая позволяет человеку взаимодействовать с ней с помощью текстовых команд (например).
Пакет angular/cli содержит код для нашего инструмента командной строки Angular! Поэтому, когда мы запускаем angular-cli в директории с приложением Angular, этот инструмент командной строки делает свое волшебство.
После установки выполните эту команду, чтобы проверить, какая версия Angular у вас установлена. Ng - это сокращение от Angular. Ng был представлен с выходом версии 1.0. Вы можете найти Ng во многих местах, например, в комментариях к исходному коду, онлайн-учебниках и т.д.
| 1 | ng version |
Вы получите следующий результат. Теперь вы можете открыть свою любимую IDE и разработать множество удивительных вещей, используя фреймворк Angular. Вот и все! Вот как установить Angular в Ubuntu.
Заключение
В этом руководстве мы установили Angular на Ubuntu GNU/Linux с помощью NVM и Node.js. Мы также проверили версию Angular, которую вы только что установили, с помощью команды ng.