Cómo instalar Ionic Framework en Ubuntu 22.04

3 lug 2022 3 min di lettura
Cómo instalar Ionic Framework en Ubuntu 22.04
Tabla de contenidos

Introducción

Si es un desarrollador web que busca crear aplicaciones móviles multiplataforma, debe consultar Ionic Framework. Ionic Framework es utilizado por más de 4 millones de desarrolladores en todo el mundo, lo que lo convierte en el marco de desarrollo de aplicaciones de más rápido crecimiento en el mercado. Esta plataforma de desarrollo de código abierto le permite crear aplicaciones con HTML, CSS y JavaScript, que luego se pueden implementar en dispositivos iOS, Android y Windows Phone.

En este artículo, le mostraremos cómo instalar Ionic Framework en Ubuntu 22.04 usando Node.js y NPM.

Si desea instalar Ionic Framework en un servidor remoto, continúe leyendo; de lo contrario, omita el primer párrafo "Conexión al servidor" y lea el siguiente.

Conexión al servidor

Para acceder al servidor, necesita saber la dirección IP. También necesitará su nombre de usuario y contraseña para la autenticación. Para conectarse al servidor como root escriba el siguiente comando:

ssh [email protected]_DEL_SERVER

A continuación, deberá ingresar la contraseña de usuario raíz.

Si no está usando el usuario raíz, puede iniciar sesión con otro nombre de usuario usando el mismo comando, luego cambie la raíz a su nombre de usuario :

ssh [email protected]_DEL_SERVER

A continuación, se le pedirá que introduzca su contraseña de usuario.

El puerto estándar para conectarse a través de ssh es 22 , si su servidor usa un puerto diferente, deberá especificarlo usando el parámetro -p , luego escriba el siguiente comando:

ssh nome[email protected]_DEL_SERVER -p PORTA

Instalar Node.js

Node.js es el requisito principal para ejecutar aplicaciones Angular. Puede instalar el Node.js necesario mediante la utilidad de línea de comandos de NVM. Inicie sesión en su sistema Ubuntu y siga.

Use el siguiente comando para instalar NVM:

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

Ahora active el entorno NVM en su sistema:

source ~/.bashrc

A partir de hoy, Angular 14 es la última versión compatible con Node.js 14 LTS y 16 LTS. El siguiente comando instalará Node.js 16 en su sistema:

nvm install v16

Instalar Ionic Framework en Ubuntu

A continuación, debe instalar el módulo de nodo iónico en el sistema. Ionic proporciona una utilidad y una línea de comandos para empaquetar, crear e iniciar aplicaciones:

npm install cordova --location=global 

Ejecute el siguiente comando NPM para instalar el marco Ionic en su sistema:

npm install @ionic/cli  --location=global 

Después de completar la instalación del marco Ionic, use el siguiente comando para verificar la versión instalada:

ionic -v 
6.20.1

Crear una aplicación iónica

Ahora puede crear una nueva aplicación Ionic en su sistema Ubuntu utilizando las plantillas de inicio.

Utilice el siguiente comando para ver las plantillas de arranque disponibles:

ionic start --list 

Seleccione una plantilla según sus necesidades y cree una nueva aplicación Ionic. También puede elegir una plantilla en blanco para comenzar:

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

Ahora, ejecute el siguiente comando para servir la aplicación Ionic:

cd ionic-app 
ionic serve 

Esto iniciará la aplicación Ionic en el puerto 8100 . Puede acceder a su aplicación iónica en un navegador web utilizando el host local o la dirección IP del sistema.

También puede definir el host y el puerto mientras ejecuta la aplicación Ionic de la siguiente manera:

ionic serve --host 0.0.0.0 --port 3005 

Conclusión

En este tutorial, aprendió cómo instalar la CLI del marco Ionic en el sistema Ubuntu. Además, proporcione instrucciones para crear y ejecutar una nueva aplicación Ionic.

Únase a la conversación

Buy me a coffeeBuy me a coffee

Apóyenos si le gusta nuestro contenido. Gracias.

Genial! A continuación, complete el pago para obtener acceso completo a Noviello.it.
Bienvenido de nuevo! Has iniciado sesión correctamente.
Te has suscrito correctamente a Noviello.it.
Éxito! Su cuenta está completamente activada, ahora tiene acceso a todo el contenido.
Éxito! Su información de facturación ha sido actualizada.
Su facturación no se actualizó.