Co to?

Dwa sposoby

Używamy jako zestaw class i styli (czyli tylko css)

Używamy jako framework z angularem i dyrektywami

Instalacja

$ npm install -g cordova ionic
            

$ ionic start myApp tabs
            

$ ionic start myApp sidemenu
            

            1. $ cd myApp
            2. $ ionic platform add ios
            3. $ ionic build ios
            4. $ sudo npm install -g ios-sim
            5. $ ionic emulate ios
            

            1. $ cd myApp
            2. $ ionic platform add ios
            3. $ ionic build ios
            

Uruchom Xcode

            1. $ cd myApp
            2. $ ionic platform add android
            3. $ ionic build android
            4. $ ionic emulate android
            

Uruchom genymotion

            1. $ cd myApp
            2. $ ionic platform add android
            3. $ ionic build android
            4. $ ionic run android
            

Zaczynamy pracę

  $ ionic serve
            

  $ gulp watch
            

  $ ionic build
            

Dziegieć

Brak domyślnej optymalizacji styli i javascriptów

Rozwiązanie: gulpStartupTasks w ionic.project i własne skrypty w hooks

Ręczne doinstalowanie pluginów

$ cordova plugin add https://github.com/ccsoft/cordova-facebook

kopiujemy pliki

$ cp plugins/org.apache.cordova.cordova-facebook/src/ios platforms/ios/[nazwa_projektu]/Plugins/org.apache.cordova.cordova-facebook

WebView

  $ ionic browser add crosswalk
              

Tips and trics

Generatory trzech typów aplikacji

$ ionic start [nazwa_twojej_aplikacji] tabs
            

$ ionic start [nazwa_twojej_aplikacji] sidemenu
            

$ ionic start [nazwa_twojej_aplikacji] blank
            

Wydajność długich list

{{thread.nick}}

{{thread.nick}}

plik: ionic.project przed

    {
      "name": "myApp",
      "app_id": ""
    }
            

plik: ionic.project po

    {
      "name": "myApp",
      "app_id": "",
      "gulpStartupTasks": [
        "watch"
      ]
    }
            

modyfikacja hooks

http://blog.ionic.io/minifying-your-source-code/