Поиск по сайту:

Как установить Ionic Mobile App Framework на Ubuntu 18.04 LTS

На этой странице

  1. Требования
  2. Установите Node.js и Cordova.
  3. Установить Ionic Framework
  4. Создать проект с помощью Ionic

Ionic — это платформа с открытым исходным кодом, которую можно использовать для разработки гибридных мобильных приложений с использованием таких веб-технологий, как CSS, HTML5 и Sass. Ionic предоставляет мощный интерфейс командной строки, который можно использовать для создания проекта с помощью простой команды. Ionic поддерживает Android, IOS и универсальную платформу Windows для разработки приложений. Ionic использует плагины Cardova для доступа к камере, GPS и фонарику.

В этом руководстве мы научимся устанавливать Ionic framework на Ubuntu 18.04 (Bionic Beaver).

Требования

  • Сервер с Ubuntu 18.04 для вашей системы.
  • Пользователь без полномочий root с привилегиями sudo.

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

Во-первых, вам нужно будет установить Node.js в вашу систему. По умолчанию последняя версия Node.js недоступна в репозитории по умолчанию Ubuntu 18.04. Итак, вам нужно будет добавить PPA для node.js в вашу систему.

Вы можете добавить Node.js PPA с помощью следующей команды:

sudo apt-get install python-software-properties -y
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

Затем установите Node.js с помощью следующей команды:

sudo apt-get install nodejs -y

Далее вам нужно будет установить Cordova в вашу систему. Вы можете установить его с помощью следующей команды:

sudo npm install -g cordova

Установить ионную инфраструктуру

Ionic поставляется с удобной утилитой командной строки для запуска, сборки и упаковки приложений Ionic. Вы можете установить его, просто выполнив следующую команду:

sudo npm install -g ionic

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

ionic -v

Вывод:

3.20.0

Создать проект с помощью Ionic

Затем вам нужно будет создать новый проект Cordova где-нибудь на компьютере для кода вашего приложения: вы можете сделать это с помощью следующей команды:

ionic start HelloWorld blank

Приведенная выше команда создаст каталог HelloWorld.

Затем измените каталог на HelloWorld и перечислите содержимое:

cd HelloWorld/
ls -l

Вы должны увидеть следующий вывод:

total 260
-rw-r--r--   1 3434 3434     92 Jun  9 15:43 ionic.config.json
drwxr-xr-x 536 root root  20480 Jun  9 15:46 node_modules
-rw-r--r--   1 3434 3434   1135 Jun  9 15:43 package.json
-rw-r--r--   1 root root 224175 Jun  9 15:46 package-lock.json
drwxr-xr-x   6 3434 3434   4096 Jun  9 15:43 src
-rw-r--r--   1 3434 3434    519 May 30 23:39 tsconfig.json
-rw-r--r--   1 3434 3434    178 May 30 23:39 tslint.json

Затем включите платформу Android и создайте проект для Android с помощью следующей команды:

ionic platform add android
ionic cordova build android
ionic cordova emulate android

Вот и все! Теперь вы можете легко создать свое приложение.