Vývojáři potřebují nástroje, které jim pomohou vytvářet aplikace nejlepším možným způsobem. Proto existují různé rámce. Přestože jsme nedávno diskutovali o CakePHP, dnes představíme jeden velmi zvláštní, protože je zaměřen na mobilní zařízení. V tomto příspěvku se dozvíte, jak nainstalovat Ionic framework v Ubuntu 20.04.
Co je Ionic Framework?
Ionic je framework, který nám pomáhá s vývojem hybridních aplikací pro mobilní operační systémy, ale využívající webové technologie. Jinými slovy, umožňuje nám vyvíjet aplikace pro iOS, Android a web z jediné kódové základny.
Jak můžete vidět, je velmi univerzální a pomáhá vývojářům nasazovat jejich aplikace v různých prostředích pomocí jediné kódové základny.
Webové technologie používané Ionic jsou CSS, JS a HTML. Pokud jde o JavaScript, hladce se integruje s Vue, Angular a ReactJS, což zkracuje dobu učení.
Dnes se naučíte, jak jej nainstalovat.
Instalovat Ionic Framework na Ubuntu 20.04
Instalace některých nezbytných balíčků
Nejprve, než začnete s instalací, musíte nainstalovat některé balíčky, aby instalace mohla proběhnout.
sudo apt update
sudo apt install curl gnupg2 wget git
Mezi těmito balíčky je git což je velmi nutné k vytvoření celého Ionic balíčku.
Instalace NodeJS na Ubuntu 20.04
Ionic vyžaduje, aby NodeJS fungoval, takže jej musíme nainstalovat. V mém případě nainstaluji verzi 16.x ale musí to fungovat s ostatními.
Nejprve přidejte úložiště pro verzi 16.
curl -sL https://deb.nodesource.com/setup_16.x | sudo bash -Poté můžete nainstalovat NodeJS spuštěním následujícího příkazu
sudo apt install nodejs
Reading package lists... Done
Building dependency tree
Reading state information... Done
The following NEW packages will be installed:
nodejs
0 upgraded, 1 newly installed, 0 to remove and 49 not upgraded.
Need to get 26.2 MB of archives.
After this operation, 122 MB of additional disk space will be used.
Get:1 https://deb.nodesource.com/node_16.x focal/main amd64 nodejs amd64 16.14.0-deb-1nodesource1 [26.2 MB]
Fetched 26.2 MB in 0s (69.2 MB/s)Nyní je NodeJS nainstalován a můžeme pokračovat.
Cordova je vyžadována také pro Ionic
Jakmile máme NodeJS a tedy NPM, můžeme pokračovat v instalaci Cordovy.
Podle webu Apache Cordova:
Cordova je open-source mobilní vývojový rámec. Umožňuje vám používat standardní webové technologie – HTML5, CSS3 a JavaScript pro vývoj napříč platformami.
Není tedy divu, že Cordova je požadavkem pro instalaci Ionic. Chcete-li jej nainstalovat, spusťte následující příkaz.
sudo npm install -g cordova
Po dokončení instalace můžeme pokračovat.
Instalovat Ionic Framework v Ubuntu 20.04
Se všemi pokrytými závislostmi můžeme nainstalovat Ionic Framework v Ubuntu 20.04 pouhým spuštěním následujícího příkazu
sudo npm i -g @ionic/cliNainstalovanou verzi můžete ověřit spuštěním
ionic -vUkázkový výstup
6.18.2Vytvoření nového projektu pomocí Ionic
Teď už jen musíme začít pracovat. Nejprve vytvoříme nový projekt spuštěním
ionic start
Zeptá se nás, zda chceme průvodce použít. Vybral jsem N .
Během provádění příkazu budeme požádáni o použití rámce JS, názvu projektu a šablony, kterou máme použít.
Na konci a pokud nedojde k žádné chybě, uvidíte výstupní obrazovku, jako je tato:
Tím se vytvoří nová složka s názvem vašeho projektu. Získejte přístup a obsluhujte projekt.
cd [project-name]
ionic serve
Nyní bude aplikace dostupná na http://localhost:8000 .
Pokud jste Ionic nainstalovali na virtuální počítač nebo na server, můžete určit hostitele a port
ionic server --host [ip-address] --port [port] Poté otevřete webový prohlížeč a přejděte na adresu, kterou jste nastavili pro Ionic, a uvidíte, že to funguje.
Nyní ano, Ionic funguje správně a my budeme moci pracovat.
Závěr
Díky tomuto příspěvku jste se naučili, jak nainstalovat iontový Framework v Ubuntu 20.04 pomocí jednoduché a přímočaré metody. Doufám, že jste shledali příspěvek užitečným a hodně by nám pomohlo, kdybyste jej sdíleli a komentovali.