Hur man installerar Ionic Framework på Ubuntu 22.04 LTS

Ionic Framework är en verktygslåda med öppen källkod för att bygga prestanda, högkvalitativa mobil- och stationära appar. Ionic kommer med integrationer för populära ramverk som Vinkel, Reageraoch Vue och är ett av de mer populära ramverken bland utvecklare idag inom mobilapplikationsområdet.

I följande handledning lär du dig hur du installerar Ionic Framework på Ubuntu 22.04 LTS Jammy Jellyfish och dess beroenden, skapar ett projekt och lär dig hur du startar testapplikationen.

Uppdatera Ubuntu

Först, innan något, uppdatera ditt system för att se till att alla befintliga paket är uppdaterade för att undvika konflikter.

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

Installera nödvändiga beroenden

Därefter, för att säkerställa att installationen går smidigt efter vår handledning, kör följande kommando, som kommer att installera alla saknade paket som kan behövas.

sudo apt install curl gnupg2 gnupg wget -y

Installera Node.js

Det joniska ramverket behöver Node.js installerat. Ubuntu 22.04 LTS kommer med Node.js tillgängligt, men för handledningen kommer du att installera antingen den nuvarande stabila huvudversionen eller den senaste versionen för långtidsutgåvan (LTS).

Importera antingen aktuell eller lts Node.js-version; Jag rekommenderar det nuvarande arkivet.

Alternativ 1 – Importera Node.js – Aktuell

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

Alternativ 2 – Importera Node.js – LTS

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

Kör sedan en snabb APT-uppdatering för att återspegla de nyligen tillagda importerna.

sudo apt update

Nu när du har installerat förvaret installerar du Node.js enligt följande.

sudo apt install nodejs

Bekräfta versionen och versionen av Node.js som installerades.

node --version

Slutligen, se till att din NPM är uppdaterad med följande kommando; detta är avgörande; hoppa inte över.

sudo npm install npm@latest -g

Installera Cordova med NPM

Innan du går vidare måste du installera Cordova med hjälp av NPM kommando. Detta kommer också att installera alla beroenden som krävs.

sudo npm install -g cordova

Installera Ionic Framework

För att installera Ionic-ramverket, kör följande kommando.

sudo npm i -g @ionic/cli

Notera, @ionic/cli är det nya namnet på paketet om du har installerat det tidigare.

Slutligen, kontrollera versionen med följande.

ionic -v

Skapa ett projekttest

För att testa Ionic är det bästa sättet att göra detta att skapa ett snabbt litet projekt, som du kan hitta i följande steg nedan.

Börja först med det joniska ramverket.

ionic start

Observera att du kommer att bli tillfrågad med en skapelseguide, typ N, och ange nyckel att fortsätta.

Därefter kommer du att bli ombedd att välja en ramverk.

Exempelvis:

Hur man installerar Ionic Framework på Ubuntu 22.04 LTS

Välj det ramverk du vill arbeta med, som kommer att installera all programvara och alla beroenden som krävs.

Du kommer att bli ombedd att göra det namn ditt projekt enligt nedan.

Exempelvis:

Hur man installerar Ionic Framework på Ubuntu 22.04 LTS

Ange ditt projektnamn och tryck enter att fortsätta.

I den sista delen kommer du att bli ombedd att välja om du gillar en startmall.

Exempelvis:

Hur man installerar Ionic Framework på Ubuntu 22.04 LTS

Välj startmallen för ditt projekt, använd piltangenterna för att navigera och tryck på Enter-tangent att avsluta.

Observera att du kommer att bli tillfrågad om du vill skapa en Ionic forum konto, Typ Y or N, då kommer du till att den färdiga utgången av din app är klar.

Exempelvis:

Hur man installerar Ionic Framework på Ubuntu 22.04 LTS

Starta ditt applikationstest

Nu när din app är klar, CD in i katalogen och starta programmet.

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

Obs, byt ut ./Hej världen-LinuxCapable.com med ditt applikationsnamn.

När appen har slutfört kompileringen får du följande utdata.

Exempelvis:

Hur man installerar Ionic Framework på Ubuntu 22.04 LTS

Nu bör detta automatiskt starta din webbläsare och komma åt din applikation. Om detta inte inträffar, använd följande URL.

http://server-ip:8100

Byt ut serverns IP med lokalvärd om du har problem med att ansluta.

Exempelvis:

Hur man installerar Ionic Framework på Ubuntu 22.04 LTS

Och det vill säga att du har installerat och framgångsrikt skapat ett testprojekt.

Kommentarer och slutsats

I handledningen lärde du dig hur du installerar Ionic-ramverket, beroenden med Node.js, skapar ett projekt och startar det. Ionic Framework är det mest populära plattformsoberoende mobilutvecklingsramverket som finns tillgängligt idag och bör tittas på om du menar allvar med att skapa mobila applikationer.

Mer information kan hittas genom att besöka officiell dokumentation.


Inte vad du letade efter? Försök att söka efter ytterligare tutorials.

Lämna en kommentar