Aujourd'hui, apprenons à installer Ionic pour créer une petite application simple sur votre ordinateur. De nombreux sites Web écrivent des méthodes d'installation très compliquées. En fait, les débutants qui commencent à apprendre Ionic, en particulier ceux qui n'ont pas beaucoup d'expérience en programmation, seront-ils effrayés? Cela semble si compliqué, quel type d'environnement Node.js est nécessaire pour installer et installer la dernière version de Cordova ... En fait, il n'a pas besoin d'être si gênant. Permettez-moi de vous dire comment j'utilise Ionic lorsque je travaille sur des projets.
La première méthode: introduire directement
Étape 1: Téléchargez d'abord ionic
La dernière version d'Ionic est téléchargée à: http://ionicframework.com/docs/overview/#download.
Après téléchargement, dézip le package compressé, y compris les répertoires suivants:
La copie de code est la suivante:
CSS / => Fichier de style
Fonts / => Fichier de police
JS / => Fichier JavaScript
Version.json => Instructions de mise à jour de la version
Vous pouvez également télécharger le fichier de ressources suivant sur github: https://github.com/driftyco/ionic (dans le répertoire de version).
Étape 2: introduire des fichiers
Ensuite, nous devons seulement introduire les fichiers css / ionic.min.css et js / ionic.bundle.min.js dans le répertoire ci-dessus dans le projet pour créer une application ionique.
<ion-header-bar> <h1> Bonjour monde! </h1> </ ion-header-bar> <ion-content> <p> ma première application ionique. </p> </ ion-content>
Remarque: Dans les applications mobiles telles que PhoneGap, nous devons seulement ajouter les fichiers JS et CSS correspondants à la bibliothèque de ressources.
La deuxième méthode: installation de ligne de commande
Vous devez d'abord installer Node.js. Installez ensuite les dernières versions de Cordova et Ionic via l'outil de ligne de commande. Installez en faisant référence à la documentation officielle Android et iOS.
Ouvrez l'outil de ligne de commande dans la fenêtre et Linux pour exécuter la commande suivante:
La copie de code est la suivante:
$ npm install -g cordova ionic
Utilisez les commandes suivantes sur votre système Mac:
La copie de code est la suivante:
sudo npm install -g cordova ionic
Astuce: iOS doit être installé et utilisé dans les environnements Mac OS X. et Xcode.
Si vous avez installé l'environnement ci-dessus, vous pouvez exécuter la commande suivante pour mettre à jour la version:
La copie de code est la suivante:
Mise à jour NPM -g Cordova Ionic
ou
La copie de code est la suivante:
Sudo NPM Update -g Cordova Ionic
Créer une application
Créez une application ionique à l'aide du modèle d'application prêt à l'emploi fourni par ionic, ou un projet vierge:
La copie de code est la suivante:
$ ionic start MyApp Tabs
Exécuter le projet ionique que nous venons de créer
Créer, tester, exécuter vos applications à l'aide de l'outil ionique (ou créer directement via Cordova).
Créer une application Android:
La copie de code est la suivante:
$ cd myapp
$ Plateforme ionique Ajouter Android
$ ionic build Android
$ ionic imite Android
Créer une application iOS:
La copie de code est la suivante:
$ cd myapp
$ Plateforme ionique Ajouter iOS
$ ionic build iOS
$ ionic ionuler iOS