Vytvorenie kostry aplikácie v Ionic framework (ver.5)

3608 단어 ionic
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).

이전 응용 프로그램은 Ionic 프레임워크에서 실행 시간 모듈(비동기 JavaScript 이벤트 구동) "Node.js", 패키지 관리자 "npm"입니다.
Zistiť, či toto už mám zinštalované na svojom stroji, možno príkazom:

node -v



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 type kostry aplikácie:
  • úplne najjednoduchšia, prázdna - 빈
  • s bočným 메뉴 - 사이드 메뉴
  • s (spodnými) tab-mi - 탭

  • Pre tento prípad vytvorím najjednoduchšiu verziu, prázdnu aplikáciu. 프리카좀:

    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 developmentovacieho servra:

    ionic serve
    






    V prehliadači si teraz spustiť URL:

    http://localhost:8100/
    


    a zebrazí sa táto Ionic 응용 프로그램:

    좋은 웹페이지 즐겨찾기