Il miglior tutorial installazione ionico Nel 2024, in questo tutorial puoi imparare Esempi,installazione della riga di comando,Lab ionica,

installazione ionico

Scarica l'ultima versione indirizzo ionica: #docs/overview/#download .

Dopo aver scaricato archivio estrazione contiene le seguenti directory:

css/               =>     样式文件
fonts/             =>     字体文件
js/                =>     Javascript文件
version.json       =>     版本更新说明

È inoltre possibile scaricare il file seguente risorse su Github: https://github.com/driftyco/ionic (nella directory di rilascio).

Successivamente, abbiamo solo bisogno di introdurre il sopra directory css / js ionic.min.css e / file ionic.bundle.min.js in un progetto per creare applicazioni ionici.

Questo tutorial si concentra sulla spiegazione l'applicazione di un quadro ionica, la maggior parte delle istanze in esecuzione nel browser, su dispositivi mobili possono eseguire il seguente tutorial installazione riga di comando per saperne di più su.

Nota: In applicazioni mobili, come PhoneGap abbiamo bisogno dei corrispondenti js e file CSS possono essere aggiunti al repository.

---

installazione della riga di comando

In primo luogo è necessario installare Node.js , abbiamo bisogno di utilizzare lo strumento vicino alla sua installazione NPM, è possibile visualizzare più NPM introdurre la nostra presentazione uso NPM .

E poi attraverso lo strumento della riga di comando per installare l'ultima versione di Cordova e ionica. Con riferimento alla Android e iOS per installare la documentazione ufficiale.

Window e Linux aprire lo strumento da riga di comando per eseguire il seguente comando:

$ npm install -g cordova ionic

Sul Mac, utilizzare il seguente comando:

sudo npm install -g cordova ionic

Suggerimento: IOS richiede ambiente Mac OS X. Xcode e dopo l'installazione.

Se avete già installato più di ambiente, è possibile eseguire il seguente comando per aggiornare la versione:

npm update -g cordova ionic

o

sudo npm update -g cordova ionic

Crea Applicazione

Utilizzare i modelli applicativi già pronti ufficiale ionico fornito un progetto vuoto o creare un applicazioni ionici:

$ ionic start myApp tabs

progetto ionico Eseguire che abbiamo appena creato

Utilizzando lo strumento ionico per creare, testare, eseguire le applicazioni (o creato direttamente dagli Cordova).

Creazione di applicazioni Android

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

Se tutto va bene il simulatore si aprirà l'interfaccia come segue:

La creazione di app iOS

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

Se ". Non è stato trovato Ios-sim" errore, è possibile eseguire il seguente comando:

npm install -g ios-sim

Se tutto va bene il simulatore si aprirà l'interfaccia come segue:

---

Lab ionica

Ionico Lab è la versione desktop dell'ambiente di sviluppo, se non ti piace usare la linea di comando, ionico Lab soddisfare le vostre esigenze.

Ionico Lab fornisce un modo più semplice per iniziare, costruire, correre, e correre simulazione sviluppatori di applicazioni ioniche.

Ionico Lab Piattaforme supportate: Window, Mac OS X, Linux , indirizzo di download è: http://lab.ionic.io/ , possono essere installati direttamente dopo il download. L'intera interfaccia utente è la seguente:

Attraverso lo schermo sopra è possibile effettuare le seguenti operazioni:

• Crea Applicazione
• anteprima Application
• Compilare l'applicazione
• Eseguire l'applicazione
• Carica applicazioni
• Run Log Viewer
ititit

Testo Sublime è raccomandato come il progetto ionico editore, possiamo aprire da ionico Lab direttamente sulla voce Testo Sublime, come illustrato di seguito:

Gif Operazione Demo