Voici un guide pour l'installation de l'environnement de travail pour s'initier à l'utilisation du framework Ionic sur Windows et la création du projet initial. Au préalable, il faudrait installer l'environnement Node & npm et d'avoir un éditeur de code tel que Visual Studio Code.
Installation Ionic CLI
Tout d'abord, commençons l'installation de Ionic CLI. En utilisant un terminal, Invite de commandes ou PowerShell, saisissez cette commande:
npm install -g @ionic/cli
Pour créer le projet, saisissez la commande suivante :
ionic start
PowerShell
Il se peut que la commande ne s'exécute pas dans le terminal de PowerShell dû au type de stratégie d'exécution utilisé actuellement, ce qui m'est arrivé lorsque j'utilisais PowerShell. Ces stratégies d'exécution sont une fonctionnalité de PowerShell qui permet d'éviter d'exécuter involontairement des scripts malveillants.
Il est possible de modifier de choisir les stratégies d'exécution nous permettant d'exécuter des scripts en faisant la commande suivante (il faut exécuter en tant qu'administrateur):
Set-ExecutionPolicy -ExecutionPolicy <PolicyName>
Par exemple :
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned
Le RemoteSigned est un des types de stratégies qui nous permettent d'exécuter la commande de la création du projet ionic.
Lors de l'exécution de la commande ionic start, il y a le choix de faire les configurations de l'application avec une interface graphique (en saisissant Y) ou de continuer en ligne de commande. Dans tous les cas, il faut choisir un nom pour le projet, le framework javascript (Angular, React ou Vue) et le modèle de l'application (tabs, sidemenu, list).
Avec l'aide de l'interface graphique, il est nécessaire d'associer avec un compte GitHub, GitLab Bitbucket ou Ionic pour créer le projet. Par contre, cette association de compte n'est pas obligatoire lorsqu'on configure le projet en ligne de commande.
Après la réussite de la création du projet, en se plaçant dans le dossier du projet et en utilisant la commande suivante :
ionic serve
L'application s'affiche dans le navigateur avec le localhost et l'utilisation du port 8100.
Références :
- IONIC, Environment Setup | Node & NPM Environment for Ionic App Setup, https://ionicframework.com/docs/intro/environment (Page consultée le 21 février 2024).
- IONIC, How to Install The Ionic Framework CLI to Build Mobile Apps, https://ionicframework.com/docs/intro/cli (Page consultée le 21 février 2024).
- MICROSOFT, à propos des stratégies d’exécution - PowerShell | Microsoft Learn, https://learn.microsoft.com/fr-ca/powershell/module/microsoft.powershell.core/about/about_execution_policies?view=powershell-7.4 (Page consultée le 21 février 2024).
- IONIC, Starting an App: How to Guide | Ionic Documentation, https://ionicframework.com/docs/developing/starting (Page consultée le 15 mars 2024).
Commentaires1
Commentaire
Cet article offre un guide clair et concis pour mettre en place l'environnement de travail nécessaire à l'utilisation du framework Ionic sur Windows, ainsi que pour créer un projet initial. La démarche est bien détaillée, ce qui la rend accessible même pour les débutants.