Pense-bête Ionic

Quelques liens :

Commandes :

  • Récupérer les infos de Ionic :$ ionic info
  • Créer un nouveau projet :$ ionic start <my_app_name> [template]
    • $ ionic start myApp blank --v2 --ts
    • $ ionic start myApp tabs --v2 --ts
    • $ ionic start myApp sidemenu --v2 --ts
    • $ ionic start myApp tutorial --v2 --ts
  • Ajouter une page ou un provider
    • ionic g page login
    • ionic g provider authService
  • Ajouter une plateforme à notre projet :
    • $ ionic cordova platform add ios
    • $ ionic cordova platform add android
    • $ ionic cordova platform add browser //permet de travailler en debug sur un navigateur internet
  • Supprimer une plateforme
    • ionic cordova platform rm ios
  • Lancer sur navigateur son application :
    • $ ionic serve
    • $ ionic serve --lab
  • Lancer son application sur une plateforme :
    • $ ionic run android
    • $ ionic run ios
    • $ ionic run browser
  • Ajouter un plugin cordova :
    • GPS :$ ionic plugin add cordova-plugin-geolocation
    • BDD SQLite :$ ionic plugin add cordova-sqlite-storage
    • HTTP :$ ionic plugin add cordova-plugin-http
    • Google Map :$ ionic plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="YOUR_ANDROID_API_KEY_IS_HERE" --variable API_KEY_FOR_IOS="YOUR_IOS_API_KEY_IS_HERE"
  • Désinstaller un plugin cordova :
    • $ ionic plugin remove cordova-sqlite-http
  • Générer des icônes pour une application, remplacer le fichier « icon.png » du répertoire « resources » avant :
    • $ ionic resources --icon
    • $ ionic resources –splash // pour le slash screen
  • Lancer l’application en production :
    • $ ionic run android --prod --release
  • Générer un apk android :
    • $ ionic build android --prod --release

Pour bénéficier de la coloration syntaxique de Typescript dans l’IDE Atom il faudra ajouter le plugin qui se trouve ici.

Pour tester sur son mobile via chrome : chrome://inspect/#devices

Pense-bête Ionic
Mot clé :