Installation de Flutter

Avant d'apprendre à créer des applications Flutter, vous devez installer le SDK Flutter et toutes les dépendances requises sur votre machine locale. Cette section détaillera les étapes d'installation sur les systèmes Windows, macOS et Linux.

Configuration système requise

Avant d'installer Flutter, assurez-vous que votre environnement de développement répond aux exigences de base suivantes :

Étapes d'installation sous Windows

Étape 1 : Installer Git pour Windows

Git est un outil de gestion de versions, et Flutter en a besoin pour gérer le code et télécharger le SDK.

1. Visitezla page de téléchargement de Git pour Windows
2. Téléchargez la dernière version de Git for Windows
3. Exécutez le programme d'installation et terminez l'installation en utilisant les paramètres par défaut

Étape 2 : Installer Visual Studio Code (recommandé)

Visual Studio Code (VS Code) est notre éditeur recommandé pour le développement Flutter, offrant une riche prise en charge des extensions Flutter.

1. Visitezle site officiel de VS Code
2. Téléchargez et installez VS Code
3. Après l'installation, ouvrez VS Code.

Étape 3 : Installer le SDK Flutter

Il existe deux façons d'installer le SDK Flutter :

Méthode 1 : Installer avec VS Code (recommandé)

L'extension Flutter pour VS Code peut télécharger et configurer automatiquement le SDK Flutter.

1. Dans VS Code, cliquez sur l'icône Extensions à gauche (ou appuyez sur Ctrl+Shift+X)
2. Recherchez « Flutter » et trouvez l'extension « Dart and Flutter extensions »
3. Cliquez sur « Install » pour installer l'extension.
4. Après l'installation, appuyez sur Ctrl+Shift+P pour ouvrir la palette de commandes.
5. Saisissez « Flutter: New Project » et sélectionnez
6. Sélectionnez « Download SDK », puis choisissez le répertoire d'installation

Méthode 2 : télécharger et installer manuellement

1. Visitezla page de téléchargement du site officiel de Flutter
2. Téléchargez la dernière version du SDK Flutter (fichier .zip)
3. Décompressez le fichier téléchargé dans un répertoire de votre choix, par exemple C:\flutter
4. Ajoutez le répertoire bin de Flutter à la variable d'environnement PATH du système

Étapes d'installation sur macOS

Étape 1 : Installer Git

macOS est généralement livré avec Git préinstallé. Vous pouvez vérifier avec la commande suivante :

$ git --version

Si ce n'est pas installé, exécutez la commande suivante :

$ xcode-select --install

Après l'apparition de la boîte de dialogue, cliquez sur le bouton « Installer ».

Étape 2 : Installer VS Code

depuisle site officiel de VS CodeTéléchargez et installez VS Code.

Étape 3 : Installer le SDK Flutter

Comme sous Windows, vous pouvez choisir d’installer depuis VS Code ou manuellement.

Étapes d’installation manuelle :

1. Télécharger le SDK Flutter :

$ git clone https://github.com/flutter/flutter.git -b stable

2. Ajouter Flutter au PATH :

$ echo 'export PATH="$PATH:/Users/你的用户名/flutter/bin"' >> ~/.zshrc
$ source ~/.zshrc

Étapes d’installation sur Linux

Étape 1 : Installer les outils nécessaires

Sur les systèmes Ubuntu/Debian, exécutez la commande suivante pour installer les outils nécessaires :

$ sudo apt-get update
$ sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa

Étape 2 : Cloner le SDK Flutter

$ git clone https://github.com/flutter/flutter.git -b stable

Étape 3 : Configurer PATH

$ echo 'export PATH="$PATH:$HOME/flutter/bin"' >> ~/.bashrc
$ source ~/.bashrc

Vérifier l'installation

Quel que soit le système d’exploitation que vous utilisez pour installer Flutter, vous pouvez vérifier l’installation avec la commande suivante :

$ flutter doctor

Après avoir exécuté cette commande, Flutter vérifiera votre environnement de développement et signalera les problèmes éventuels. Si l’installation réussit, vous verrez une sortie semblable à ce qui suit :

Doctor summary (v3.x.x):
[✓] Flutter (Channel stable, 3.x.x)
[✓] Android toolchain
[✓] iOS toolchain
[✓] Chrome (for web development)
[✓] Windows toolchain
[✓] macOS toolchain
[✓] Linux toolchain
[✓] Web server

Lors de la première exécution de flutter doctor, il téléchargera le SDK Dart et effectuera quelques opérations d'initialisation, ce qui peut prendre quelques minutes.

Dépannage des problèmes courants

Commande flutter introuvable

Si la commande flutter est introuvable dans le terminal, vérifiez :

• Si la variable d'environnement PATH est correctement configurée.
• Si une nouvelle fenêtre de terminal a été ouverte (les modifications des variables d'environnement nécessitent une nouvelle fenêtre pour prendre effet).

Avertissement Android Studio non installé

Lors de l'exécution de flutter doctor, un avertissement peut apparaître indiquant qu'Android Studio n'est pas installé. Si vous ne développez pas d'applications Android, vous pouvez ignorer cet avertissement.

Problèmes liés au SDK Android

Si vous devez développer des applications Android mais rencontrez des problèmes de SDK, vous pouvez :

1. Télécharger et installerAndroid Studio
2. Dans Android Studio, installez le SDK Android via le SDK Manager