Come installare Ionic Framework su Debian 11

Ionic Framework è un toolkit gratuito e open source per la creazione di app mobili e desktop performanti e di alta qualità. Ionic viene fornito con integrazioni per framework popolari come Angular, React e Vue ed è uno dei framework più popolari tra gli sviluppatori oggi nel campo delle applicazioni mobili.

Nel seguente tutorial imparerai come installare Ionic Framework su Debian 11 Bullseye, le sue dipendenze, creare un progetto , e scopri come avviare l'applicazione di prova .

Prerequisiti

• Sistema operativo consigliato: Debian 11 Bullseye
• Account utente: sudo o accesso root
• Pacchetti richiesti: curl, gnupg2 wget &Node.js

Aggiornamento del sistema operativo

Per prima cosa, aggiorna la tua Debian sistema operativo per assicurarsi che tutti i pacchetti esistenti siano aggiornati:

sudo apt update && sudo apt full-upgrade -y

Installa le dipendenze richieste

Per assicurarti che l'installazione si svolga senza intoppi secondo il nostro tutorial, esegui il seguente comando, che installerà tutti i pacchetti mancanti:

sudo install curl gnupg2 wget -y

Installa Node.js 14 LTS su Debian 11

Il framework Ionic avrà bisogno di Node.js installato. Debian 11 non viene fornito con le ultime versioni aggiornate nel suo repository, quindi si consiglia di installare Node.js dal sorgente. Per fare ciò, segui i passaggi seguenti:

Aggiungi Node.js repository utilizzando il seguente comando:

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

Se preferisci installare l'ultimo NON-LTS Node.js release, che è la versione 16 , usa invece quanto segue:

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

Ora che hai installato il repository, installa Node.js come segue:

sudo apt install nodejs

Conferma la versione e la build di Node.js che è stato installato:

node --version

Esempio di output:

v14.17.5

Installa Cordova usando NPM su Debian 11

Devi installare Cordova sul tuo sistema operativo Debian 11 usando il comando NPM . Questo installerà anche tutte le dipendenze richieste:

sudo npm install -g cordova

Installa Ionic Framework su Debian 11

Per installare il framework Ionic, esegui il seguente comando:

sudo npm i -g @ionic/cli

Nota, @ionic/cli è il nuovo nome del pacchetto se lo hai già installato.

Infine, controlla la versione con quanto segue:

ionic -v

Esempio di output:

6.17.0

Crea un test di progetto

Per testare Ionic, il modo migliore per farlo è creare un piccolo progetto veloce. Per fare ciò, segui i passaggi seguenti:

Innanzitutto, avvia Ionic:

ionic start

Successivamente, ti verrà richiesta una procedura guidata di creazione, digitare N e inserisci la chiave per procedere:

Ora ti verrà chiesto di scegliere un framework come di seguito:

Seleziona il framework con cui vuoi lavorare e questo installerà tutto il software e le dipendenze richieste.

Ti verrà chiesto di nome il tuo progetto come di seguito:

Inserisci il nome del tuo progetto e premi invio per procedere.

Nell'ultima parte, ti verrà chiesto di selezionare se ti piace un modello iniziale :

Seleziona il modello iniziale per il tuo progetto, usa i tasti freccia per navigare e premere il tasto invio per finire.

Nota, ti verrà chiesto se desideri creare un account Ionic forum , digita Y o N , quindi arriverai all'output finito della tua app è pronta:

Inizia il test dell'applicazione

Ora che la tua app è pronta, CD nella directory e avviare l'applicazione :

cd ./HelloWorld && ionic serve --host 0.0.0.0 --port 8100

Nota, sostituisci ./HelloWorld con nome dell'applicazione .

Al termine della compilazione dell'app, otterrai il seguente output:

Ora, questo dovrebbe avviare automaticamente il tuo browser web e accedere alla tua applicazione. Se ciò non si verifica, utilizzare il seguente URL:

http://server-ip:8100

La pagina del tuo browser Internet dovrebbe essere simile alla seguente:

E il gioco è fatto, hai installato e creato con successo un progetto di prova.