V nasledujúcom postupe je ukázané ako si vytvoriť kostru (resp.úplne najzákladnejšiu) aplikáciu vo framework-u Ionic (vo verzii 5).
Pre vývoj aplikácie v Ionic framework-u je potrebné mať nainštalovaný runtime modul (asynchronný JavaScript event driven) "Node.js", a package-ovací manažér "npm".
Zistiť, či toto už mám zinštalované na svojom stroji, možno príkazom:
node -v
a podobne pre "npm":
npm -v
Samozrejme, musí byť zinštalovaný aj samotný Ionic. Overiť, či ho mám, cez príkaz:
ionic -v
V Ionic je možné vytvoriť tri typy kostry aplikácie:
- úplne najjednoduchšia, prázdna - blank
- s bočným menu - sidemenu
- s (spodnými) tab-mi - tabs
Pre tento prípad vytvorím najjednoduchšiu verziu, prázdnu aplikáciu. Príkazom:
ionic start Test000 blank --type=angular
vytvorím takúto kostru Ionic aplikácie s podporou Angular framework-u.
V prípade ak by som chcel vytvoriť kostru Ionic aplikácie s bočným menu, použiť príkaz:
ionic start Test000 sidemenu --type=angular
resp.v prípade aplikácie so (spodnými) tab-mi:
ionic start Test000 tabs --type=angular
Týmto je Ionic aplikácia (základná kostra) vytvorená. Je potrebné sa teraz prepnúť do vytvoreného adresára aplikácie (kde príkaz vytvorenia Ionic aplikácie vytvoril potrebnú štruktúru adresárov a súborov):
V adresári Ionic aplikácie spustiť príkaz na štart developovacieho servra:
ionic serve
V prehliadači si teraz spustiť URL:
http://localhost:8100/
a zobrazí sa táto Ionic aplikácia:
Top comments (0)