Como instalar Ionic Framework en Debian 11 Bullseye

Ionic Framework é un conxunto de ferramentas de código aberto para crear aplicacións de escritorio e móbiles de alta calidade. Ionic inclúe integracións para frameworks populares como Angular, React e Vue. Os desenvolvedores usan ionic para crear aplicacións multiplataforma de alto rendemento para varios propósitos. Ionic ten unha ampla gama de funcións e funcións, polo que é unha opción popular para os desenvolvedores que buscan desenvolver aplicacións para móbiles. Entre as súas moitas funcións, Ionic permite aos desenvolvedores crear interfaces de usuario sofisticadas, utilizar poderosas funcións de hardware e aproveitar a funcionalidade nativa da aplicación. Ademais, a comunidade de desenvolvedores de Ionic e a base de usuarios activos contribúen á súa popularidade; os desenvolvedores poden atopar unha gran cantidade de recursos e apoio ao usar Ionic. En resumo, Ionic Framework é un poderoso conxunto de ferramentas que permite aos desenvolvedores crear aplicacións móbiles de alta calidade e de alto rendemento.

No seguinte titorial, aprenderá a instalar Ionic Framework en Debian 11 Bullseye e as súas dependencias, crear un proxecto e iniciar a aplicación de proba.

Actualizar Debian

Primeiro, antes de nada, actualiza o teu sistema para asegurarte de que todos os paquetes existentes estean actualizados para evitar conflitos.

sudo apt update && sudo apt full-upgrade

Instalar dependencias

A continuación, para garantir que a instalación transcorra sen problemas seguindo o noso titorial, execute o seguinte comando, que instalará os paquetes que falten que sexan necesarios.

sudo apt install curl gnupg2 gnupg wget -y

Instalar Node.js

O framework Ionic necesitará instalado Node.js. Debian 11 Bullseye vén con Node.js dispoñible, pero para o titorial, instalará a versión principal estable actual ou a última versión a longo prazo (LTS).


Importa a versión actual ou lts de Node.js; Recomendo o repositorio actual.

Opción 1 - Importar Node.js - Actual

curl -fsSL https://deb.nodesource.com/setup_current.x | sudo -E bash -

Opción 2 - Importar Node.js - LTS

curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo bash -

A continuación, executa unha actualización rápida de APT para reflectir as importacións recentemente engadidas.

sudo apt update

Agora que instalou o repositorio, instale Node.js do seguinte xeito.

sudo apt install nodejs

Confirme a versión e compilación de Node.js que se instalou.

node --version

Instalar Cordova con NPM

Antes de continuar, cómpre instalar Cordova usando o Comando NPM. Isto tamén instalará todas as dependencias necesarias.

sudo npm install -g cordova

Instalar Ionic Framework

Para instalar o marco Ionic, execute o seguinte comando.


sudo npm i -g @ionic/cli

Nota, @iónico/cli é o novo nome do paquete se o instalou anteriormente.

Opcionalmente, comprobe a versión co seguinte.

ionic -v

Por último, paga a pena mencionar que debes usar o seguinte comando para comprobar se hai actualizacións cando traballes con paquetes NPM, non te esquezas diso no futuro, xa que as auditorías e actualizacións de seguridade son importantes.

sudo npm install npm@latest -g

Crear unha proba de proxecto

Para probar Ionic, a mellor forma de facelo é crear un pequeno proxecto rápido, que podes atopar nos seguintes pasos.

En primeiro lugar, inicia o marco iónico.

ionic start

Teña en conta que se lle solicitará un asistente de creación, tipo N, e introduza o clave proceder.


A continuación, pediráselle que escolla un marco.

Exemplo:

Como instalar Ionic Framework en Debian 11 Bullseye

Seleccione o marco co que quere traballar, que instalará todo o software e as dependencias necesarias.

Solicitarase que o faga nome o teu proxecto como a continuación.

Exemplo:

Como instalar Ionic Framework en Debian 11 Bullseye

Introduza o nome do proxecto e prema enter proceder.


Na última parte, pediráselle que seleccione se lle gusta un modelo de inicio.

Exemplo:

Como instalar Ionic Framework en Debian 11 Bullseye

Seleccione o modelo de inicio para o seu proxecto, use o teclas de frecha para navegar e prema tecla Intro Rematar.

Teña en conta que se lle preguntará se desexa crear un Conta de foros iónicos, escriba Y or N, entón chegarás ao resultado final da túa aplicación está lista.

Exemplo:

Como instalar Ionic Framework en Debian 11 Bullseye

Unha vez completado, deberías obter unha saída similar.


Exemplo:

Como instalar Ionic Framework en Debian 11 Bullseye

Comeza a proba de aplicación

Agora que a túa aplicación está lista, CD no directorio e inicie a aplicación.

cd ./LinuxCapable-test && ionic serve --host 0.0.0.0 --port 8100

Nota, substituír ./HelloWorld-LinuxCapable.com con o nome da súa aplicación.

Unha vez que a aplicación remate de compilar, obterás a seguinte saída.

Exemplo:

Como instalar Ionic Framework en Debian 11 Bullseye

Agora, isto debería iniciar automaticamente o teu navegador web e acceder á túa aplicación. Se isto non ocorre, use o seguinte URL.


http://server-ip:8100

Substitúe a IP do servidor por localhost se tes problemas para conectarte.

Exemplo:

Como instalar Ionic Framework en Debian 11 Bullseye

É dicir, instalou e creou correctamente un proxecto de proba.

Comentarios e conclusión

Se estás a buscar un marco de código aberto potente e versátil para crear as túas aplicacións móbiles ou de escritorio, paga a pena ter en conta Ionic. Coa súa gran variedade de integracións e infinidade de funcións, é difícil superar a Ionic ao crear aplicacións de alto rendemento que teñan un excelente aspecto.

Pódese atopar máis información visitando o documentación oficial.


Non é o que buscabas? Proba a buscar titoriais adicionais.

Deixe un comentario