Как установить Ionic Framework на Ubuntu 22.04

19 ott 2022 2 min di lettura
Как установить Ionic Framework на Ubuntu 22.04
Indice dei contenuti

Введение

Если вы веб-разработчик и хотите создавать кроссплатформенные мобильные приложения, вам стоит попробовать Ionic Framework. Ionic Framework используется более чем 4 миллионами разработчиков по всему миру, что делает его самым быстрорастущим фреймворком для разработки приложений на рынке. Эта платформа разработки с открытым исходным кодом позволяет создавать приложения с использованием HTML, CSS и JavaScript, которые затем можно развернуть на устройствах iOS, Android и Windows Phone.

В этой статье мы покажем вам, как установить Ionic Framework на Ubuntu 22.04 с помощью Node.js и NPM.

Если вы хотите установить Ionic Framework на удаленный сервер, продолжайте чтение, в противном случае пропустите первый абзац «Подключение к серверу» и прочитайте следующий.

Подключение к серверу

Чтобы получить доступ к серверу, вам нужно знать IP-адрес. Вам также потребуется ваше имя пользователя и пароль для аутентификации. Чтобы подключиться к серверу как root , введите следующую команду:

ssh [email protected]_DEL_SERVER

Далее вам нужно будет ввести пароль пользователя root.

Если вы не используете пользователя root, вы можете войти в систему с другим именем пользователя, используя ту же команду, а затем изменить root на свое имя пользователя :

ssh [email protected]_DEL_SERVER

Затем вам будет предложено ввести пароль пользователя.

Стандартный порт для подключения по ssh — 22 , если ваш сервер использует другой порт, вам нужно будет указать его с помощью параметра -p , после чего введите следующую команду:

ssh [email protected]_DEL_SERVER -p PORTA

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

Node.js является основным требованием для запуска приложений Angular. Вы можете установить необходимый Node.js с помощью утилиты командной строки NVM. Войдите в свою систему Ubuntu и следуйте инструкциям.

Используйте следующую команду для установки NVM:

curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash 

Теперь активируйте среду NVM в вашей системе:

source ~/.bashrc

На сегодняшний день Angular 14 является последней версией, поддерживающей Node.js 14 LTS и 16 LTS. Следующая команда установит Node.js 16 в вашей системе:

nvm install v16

Установите Ionic Framework на Ubuntu

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

npm install cordova --location=global 

Запустите следующую команду NPM, чтобы установить Ionic Framework в вашей системе:

npm install @ionic/cli  --location=global 

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

ionic -v 
6.20.1

Создать ионное приложение

Теперь вы можете создать новое приложение Ionic в своей системе Ubuntu, используя шаблоны запуска.

Используйте следующую команду для просмотра доступных загрузочных шаблонов:

ionic start --list 

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

ionic start myApp my-first-app 
Your Ionic app is ready! Follow these next steps:

- Go to your cloned project: cd ./myApp
- Run ionic serve within the app directory to see your app in the browser
- Run ionic capacitor add to add a native iOS or Android project using Capacitor
- Generate your app icon and splash screens using cordova-res --skip-config --copy
- Explore the Ionic docs for components, tutorials, and more: https://ion.link/docs
- Building an enterprise app? Ionic has Enterprise Support and Features:
https://ion.link/enterprise-edition

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

cd ionic-app 
ionic serve 

Это запустит приложение Ionic на порту 8100 . Вы можете получить доступ к своему ионному приложению в веб-браузере, используя локальный хост или системный IP-адрес.

Вы также можете определить хост и порт во время работы приложения Ionic, как показано ниже:

ionic serve --host 0.0.0.0 --port 3005 

Вывод

В этом руководстве вы узнали, как установить интерфейс командной строки Ionic framework в системе Ubuntu. Также предоставьте инструкции по созданию и запуску нового приложения Ionic.

Buy me a coffeeBuy me a coffee

Supportaci se ti piacciono i nostri contenuti. Grazie.

Successivamente, completa il checkout per l'accesso completo a Noviello.it.
Bentornato! Accesso eseguito correttamente.
Ti sei abbonato con successo a Noviello.it.
Successo! Il tuo account è completamente attivato, ora hai accesso a tutti i contenuti.
Operazione riuscita. Le tue informazioni di fatturazione sono state aggiornate.
La tua fatturazione non è stata aggiornata.