ionic-framework Installazione o configurazione


Esempio

1. Installa Ionic Framework e Cordova (poiché le app Ionic sono basate su Cordova) utilizzando npm (Node Package Manager):

Assicurati di avere una versione aggiornata di Node.js installata sul tuo sistema. Se non hai installato Node.js, puoi installarlo da qui .

Inoltre, per gli utenti Mac, l'ultima versione di Xcode installata sul tuo sistema ti porta gli strumenti da riga di comando e il simulatore iOs, scaricalo qui .

Aprire una finestra di terminale (Mac) o una finestra di comando (Windows) e installare Cordova e Ionic:

$ npm install -g cordova ionic

Su un Mac, potresti dover utilizzare sudo in base alla configurazione del tuo sistema:

$ sudo npm install -g cordova ionic

Se hai già installato Cordova e Ionic sul tuo computer, assicurati di aggiornare alla versione più recente:

$ npm update -g cordova ionic

o

$ sudo npm update -g cordova ionic

Seguire le guide della piattaforma Android e iOS per installare le dipendenze della piattaforma richieste.

Nota: lo sviluppo iOS richiede Mac OS X. Il simulatore iOS tramite la CLI Ionic richiede il pacchetto ios-sim npm, che può essere installato con il comando:

$ sudo npm -g install ios-sim

2. Avvia un nuovo progetto Ionic:

Crea un progetto Ionic utilizzando uno dei modelli di app già pronti o uno vuoto per iniziare.

$ ionic start myApp blank

o

$ ionic start myApp tabs

o

$ ionic start myApp sidemenu

3. Testare l'app Ionic:

Per testare la tua app Ionic in un browser desktop su entrambe le piattaforme iOS e Android:

$ ionic serve --lab

Considerando che ionic serve --lab è ottimo per testare l'interfaccia utente dell'applicazione su più piattaforme, potrebbe portare ad alcuni problemi per la console JavaScript o l'ispezione degli elementi, in tal caso cosa si può preferire:

$ ionic serve

Per testare la tua app Ionic in un emulatore:

$ cd myApp
$ ionic platform add ios android
$ ionic build ios
$ ionic emulate ios

Sostituisci ios con Android per il test dell'emulatore Android:

$ ionic build android
$ ionic emulate android

Per testare la tua app Ionic su un dispositivo Android connesso tramite USB:

$ ionic run android

Per testare la tua app Ionic su un dispositivo iOS collegato tramite USB:

$ ionic run ios --device