< Ionic

Ionic kezdés

Szerző: Sallai András

Copyright © Sallai András, 2021, 2022

Licenc: CC Attribution-Share Alike 4.0 International

Web: https://szit.hu

Telepítés

npm install -g @ionic/cli

https://ionicframework.com/ (2021)

API

https://ionicframework.com/docs/

Visual Studio Code bővítmény

Ionic

Projekt kezdés

ionic start

Kimenet:

$ ionic start
? Use the app creation wizard? Yes

Az wizard az Ionic webes felületére visz. Ha nem szeretnénk válasszuk No lehetőséget.

Indíthatjuk azonnal kérdések nélkül:

ionic start app01 tabs

A tabs helyett más is megadható, például blank, sidemenu, maps.

Listázás:

ionic start --list

Fejlesztés:

cd app01
code .

Alkalmazás futtatása

Győződjünk meg arról, hogy a projekt gyökérkönyvtárában vagyunk, majd indítás:

ionic serve

Egy idő után automatikusan megnyílik böngészőben az alkalmazás.

Android natív projekt

ionic capacitor add android

Kimenet:

> capacitor add android
[capacitor] ✔ Adding native android project in android in 112.82ms
[capacitor] ✔ add in 116.04ms
[capacitor] [warn] sync could not run--missing www directory.
[capacitor] [success] android platform added!
[capacitor] Follow the Developer Workflow guide to get building:
[capacitor] https://capacitorjs.com/docs/basics/workflow

Indítás:

ionic capacitor run android -l --host=localhost

Dokumentáció

https://ionicframework.com/docs (2021)