Tutoriales

Cómo instalar Ionic Framework en Ubuntu Linux

Cómo instalar Ionic Framework en Ubuntu Linux

Esta publicación muestra a los estudiantes y nuevos usuarios los pasos para instalar y usar Ionic Framework en Ubuntu Linux.

Si aún no conoce Ionic Framework, es un marco de desarrollo móvil multiplataforma de código abierto que utiliza para inicializar, desarrollar y mantener aplicaciones Angular, React, Vue fácilmente en sistemas compatibles.

Con Ionic, puede crear aplicaciones con HTML, CSS y JavaScript e implementarlas en plataformas, incluidos Android, iOS y otros dispositivos.

La instalación de Ionic Framework también es fácil y directa. Las aplicaciones Ionic se crean y desarrollan principalmente a través de Ionic línea de comando utilidad.

Para comenzar con Ionic Framework, el único requisito es un entorno Node & npm.

A continuación se muestra cómo instalar y usar Ionic Framework en Ubuntu Linux.

Cómo instalar y usar Ionic Framework en Ubuntu Linux

Como se mencionó anteriormente, Ionic Framework es un marco de desarrollo móvil multiplataforma de código abierto que se utiliza para inicializar, desarrollar y mantener aplicaciones Angular, React, Vue fácilmente en sistemas compatibles.

Aquí se explica cómo instalarlo en Ubuntu Linux.

Primero, abra la consola de línea de comandos de Ubuntu y ejecute los siguientes comandos para instalar NVM.

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

A continuación, ejecute los comandos para activar el entorno NVM dentro de su perfil.

source ~/.bashrc

Una vez que el entorno esté activado, ejecute los siguientes comandos para instalar Node.js.

Al momento de escribir este artículo, la última versión LTS de Ionic es compatible con las versiones 14 y 16 LTS de Node.js.

Para esta publicación, instalaremos la versión 16 LTS de Node.js. Ejecute los siguientes comandos para hacerlo.

nvm install v16

Después de la instalación, puede verificar la versión de Node.js y NPM usando los siguientes comandos:

node -v
npm -v

Si hubo una instalación anterior de Ionic CLI, deberá desinstalarse debido a un cambio en el nombre del paquete.

npm uninstall -g ionic

Una vez que Node.js y NPM estén instalados, ejecute los siguientes comandos para instalar la última versión de Ionic.

npm install cordova --location=global
npm install @ionic/cli --location=global 

Compruebe la versión de Ionic ejecutando los siguientes comandos.

ionic -v

Eso debería mostrar una salida similar a las siguientes líneas:

6.20.1

Para crear, compilar y servir un nuevo proyecto básico de Ionic en un servidor de desarrollo, vaya al directorio principal de su nuevo espacio de trabajo y use los siguientes comandos:

ionic start my-first-project
cd my-first-project
ionic serve

Reemplazar mi-primer-proyecto con el nombre de la carpeta del proyecto que desea utilizar.

Una vez que comience un nuevo proyecto, se le pedirá que elija un marco y una plantilla:

  Pick a framework! 😁

Please select the JavaScript framework to use for your new app. To bypass this prompt next time, supply a value for
the --type option.

? Framework: Angular

Let's pick the perfect starter template! 💪

Starter templates are ready-to-go Ionic apps that come packed with everything you need to build your app. To bypass
this prompt next time, supply template, the second argument to ionic start.

? Starter template: 
  tabs         | A starting project with a simple tabbed interface 
  sidemenu     | A starting project with a side menu with navigation in the content area 
❯ blank        | A blank starter project 
  list         | A starting project with a list 
  my-first-app | A template for the "Build Your First App" tutorial 

Después de una compilación exitosa, debería ver líneas similares a las siguientes:

En su navegador, abra http://localhost:8100/ para ver la ejecución de la nueva aplicación.

interfaz de usuario del marco iónico en ubuntu linux

Cuando usas el servicio iónico comando para compilar una aplicación y servirla localmente, el servidor reconstruye automáticamente la aplicación y vuelve a cargar la página cuando cambia cualquiera de los archivos de origen.

¡Deberias hacer eso!

Conclusión:

En este tutorial hemos visto cómo instalar y usar Ionic Framework en Ubuntu Linux. Si encuentra algún error arriba o tiene algo que compartir, utilice el formulario de comentarios a continuación.

Publicado por
Ricardo

hola soy ricardo

En mi tiempo libre, investigo temas que son interesantes y valiosos para los usuarios y estudiantes que quieren probar algo nuevo. Yo también soy estudiante y mi enfoque aquí es ayudar a otros estudiantes y nuevos usuarios a comenzar a administrar Ubuntu Linux, Windows, Content Management Systems (CMS) y otros.

Trato de hacer lo mejor que puedo explicando los temas y detallando las instrucciones para que cualquiera pueda entender. Es posible que estos tutoriales no funcionen en todas las situaciones y para todos los usuarios. Sin embargo, si tiene problemas, haga sus preguntas a continuación y yo o alguien de la comunidad podemos ayudarlo a resolverlo. Gracias por leer y espero que vuelvas.

~ Ricardo

Ver todas las publicaciones de Ricardo

Leave a Comment

You may also like

Más