Jak nainstalovat Ionic Framework na Debian 11

Ionic Framework je bezplatná a open source sada nástrojů pro vytváření výkonných, vysoce kvalitních mobilních a desktopových aplikací. Ionic přichází s integracemi pro populární frameworky jako Angular, React a Vue a je jedním z nejpopulárnějších frameworků mezi dnešními vývojáři v oblasti mobilních aplikací.

V následujícím tutoriálu se dozvíte, jak nainstalovat Ionic Framework na váš Debian 11 Bullseye, vytvořit jeho závislosti projekt ,a zjistěte, jak spustit testovací aplikaci .

Předpoklady

• Doporučený operační systém: Debian 11 Bullseye
• Uživatelský účet: sudo nebo root přístup
• Požadované balíčky: curl, gnupg2 wget &Node.js

Aktualizace operačního systému

Nejprve si nejprve aktualizujte Debian operační systém, abyste se ujistili, že všechny existující balíčky jsou aktuální:

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

Nainstalujte požadované závislosti

Abyste zajistili, že instalace proběhne hladce podle našeho návodu, spusťte následující příkaz, který nainstaluje všechny chybějící balíčky:

sudo install curl gnupg2 wget -y

Nainstalujte Node.js 14 LTS na Debian 11

Ionic framework bude vyžadovat instalaci Node.js. Debian 11 nepřichází s nejnovějšími aktualizovanými verzemi ve svém úložišti, proto se doporučuje nainstalovat Node.js ze zdroje. Chcete-li to provést, postupujte podle následujících kroků:

Přidejte Node.js úložiště pomocí následujícího příkazu:

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

Pokud dáváte přednost instalaci nejnovější verze NON-LTS Node.js vydání, což je verze 16 , použijte místo toho následující:

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

Nyní, když jste nainstalovali úložiště, nainstalujte Node.js následovně:

sudo apt install nodejs

Potvrďte verzi a sestavení Node.js který byl nainstalován:

node --version

Příklad výstupu:

v14.17.5

Nainstalujte Cordova pomocí NPM na Debian 11

Cordova je třeba nainstalovat do operačního systému Debian 11 pomocí příkazu NPM . Tím se také nainstalují všechny požadované závislosti:

sudo npm install -g cordova

Nainstalujte Ionic Framework na Debian 11

Chcete-li nainstalovat framework Ionic, spusťte následující příkaz:

sudo npm i -g @ionic/cli

Poznámka:@ionic/cli je nový název balíčku, pokud jste jej dříve nainstalovali.

Nakonec zkontrolujte verzi pomocí následujícího:

ionic -v

Příklad výstupu:

6.17.0

Vytvořte test projektu

Chcete-li otestovat Ionic, nejlepší způsob, jak to udělat, je vytvořit rychlý malý projekt. Chcete-li to provést, postupujte takto:

Nejprve spusťte Ionic:

ionic start

Dále budete vyzváni pomocí průvodce vytvořením, zadejte N a zadejte klíč pokračovat:

Nyní budete vyzváni k výběru rámce jak je uvedeno níže:

Vyberte framework, se kterým chcete pracovat, a tím se nainstaluje veškerý požadovaný software a závislosti.

Budete vyzváni k jménu váš projekt, jak je uvedeno níže:

Zadejte název projektu a stiskněte enter pokračovat.

V poslední části budete vyzváni k výběru, zda se vám líbí startovací šablona :

Vyberte úvodní šablonu pro svůj projekt pomocí kláves se šipkami pro navigaci a stiskněte klávesu Enter dokončit.

Poznámka:Budete dotázáni, zda si přejete vytvořit účet Ionic fóra , zadejte Y nebo N , pak se dostanete k hotovému výstupu vaší aplikace je připraven:

Spusťte test aplikace

Nyní, když je vaše aplikace připravena, CD do adresáře a spusťte aplikaci :

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

Poznámka:nahraďte ./HelloWorld s názvem vaší aplikace .

Jakmile aplikace dokončí kompilaci, získáte následující výstup:

Nyní by to mělo automaticky spustit váš webový prohlížeč a přistupovat k vaší aplikaci. Pokud k tomu nedojde, použijte následující adresu URL:

http://server-ip:8100

Vaše stránka internetového prohlížeče by měla být podobná níže:

A je to, nainstalovali jste a úspěšně vytvořili testovací projekt.