Angular, установите этот фреймворк с открытым исходным кодом на Ubuntu

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

Это структура, которая упрощает создание веб-приложений. Angular сочетает в себе шаблоны, внедрение зависимостей, сквозные инструменты и встроенные передовые практики для решения проблем разработки. Angular приложения основаны на Машинопись который, в свою очередь, основан на Javascript.

Общие особенности Angular

• Angular - это один из наиболее часто используемых фреймворков Javascript для создания веб-приложений.
• Эта структура может работать с чистым JavaScript, но использование Typescript расширяет его возможности и рекомендуется для большинства проектов. Особенно задумался о его масштабируемости.
• Угловой преобразует шаблоны в сильно оптимизированный код для сегодняшних виртуальных машин JavaScript.
• Позволит нам обслуживать первое представление приложений на Node.js, .NET, PHP и других языках отображать почти мгновенно только в HTML и CSS.
• Приложения Angular загружаются быстро с новым маршрутизатором компонентов. Это предлагает автоматическое разделение кода для пользователей, чтобы просто загрузите код, необходимый для рендеринга представления они просят.
• Мы сможем быстро создавать представления пользовательского интерфейса с помощью простой и мощный синтаксис шаблона.
• Лас- Инструменты командной строки Angular CLI Они позволят нам быстро начать сборку, добавление компонентов и тестирование.

Это всего лишь несколько общих черт. Может получить больше информации о них в сайт проекта.

Установите Angular в Ubuntu 18.04 LTS

Прежде всего нам нужно будет убедитесь, что все пакеты в нашей системе обновлены. Для этого все, что вам нужно сделать, это открыть терминал (Ctrl + Alt + T) и выполнить следующий скрипт:

sudo apt update; sudo apt upgrade

Установка NodeJs и NPM

Теме статьи:

NodeJS, установите эту среду выполнения для JavaScript в Ubuntu

Прежде чем приступить к установке Angular в Ubuntu 18.04, нам нужно: установить NodeJs и Node Package Manager (NPM). Для этого в том же терминале выполним следующие строки:

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

sudo apt-get install -y nodejs

После завершения установки NodeJs переходим к установке NPM:

sudo npm install npm@latest -g

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

Сейчас мы установим Angular CLI с помощью NPM:

sudo npm install -g @angular/cli

После завершения установки проверьте, что он был установлен правильно командой:

ng --version

Конфигурация Git

Angular CLI использует git для развертывания необходимых модулей, поэтому нам нужно убедитесь, что у нас настроен git. Если вы не настроили свое имя пользователя и адрес электронной почты git, выполните для этого следующие команды:

git config --global user.email "correo@electronico.com"
git config --global user.name "usuario"

Создание нового приложения angular

Теперь, когда у нас установлен Angular, мы можем создать «базовую структуру» для создания нового приложения. Мы сможем добиться этого с помощью только что установленного интерфейса командной строки:

ng new nombre-aplicacion

Приведенная выше команда создаст новое приложение с переданным нами именем. Эта команда задаст нам несколько вопросов. Первый - если вы хотите использовать маршрутизацию.

В этом примере я собираюсь выбрать Нет. В следующем вопросе задается вопрос, какой формат таблицы стилей вам следует использовать. В этом примере мы выберем CSS (по умолчанию), нажав Enter.

В процессе установки начнется развертывание необходимых модулей и создание структуры каталогов для нашего приложения.

Запустить приложение Angular

На этом этапе мы собираемся перейти в каталог, только что созданный для нашего приложения:

cd nombre-aplicacion

Здесь мы можем запустить наше приложение легко с помощью команды NPM:

npm start

Предыдущая команда нам поместит на экран ссылку, которая расскажет нам, как мы можем увидеть наше приложение.

Это лишь самые простые первые шаги, которые вы можете сделать с Angular. Может получить больше информации об этой структуре в официальная документация которые они опубликовали на сайте проекта.