Back

Créer et exécuter une application Dart en Visual Studio Code

Créer et exécuter une application Dart en Visual Studio Code

  1. Avant de commencer

    • Dart est un langage de programmation optimisé pour le client qui prend en charge divers domaines tels que le développement d’applications multiplateformes, le formatage, l’analyse et le test de code. C’est un langage de programmation qui constitue la base de base de Flutter.
    • Flutter est une interface utilisateur open source – un kit de développement logiciel qui permet de développer des applications pour Android, iOS, Linux, Mac, Windows, Google Fuchsia et le Web dans une seule base de code.
    • Visual Studio Code est un éditeur de code développé par Microsoft pour Windows, Mac et Linux avec des fonctionnalités telles que le débogage de code, la coloration syntaxique, la complétion de code, la refactorisation de code, etc.
  2. Installer Dart Code Extension pour Visual Studio Code

    • Dart Extension
      • Il existe de nombreux IDE complexes qui assistent Dart via des plugins, tels que Android Studio, IntelliJ IDEA, Visual Studio Code, etc.
      • Cela dépend de votre objectif d’utilisation pour choisir un bon IDE. Si vous ne voulez qu’apprendre le langague Dart, Visual Studio Code est un bon choix, car il s’agit d’un IDE gratuit, léger(lightweight) et puissant.
      • Par défaut, Visual Studio Code assiste les languages populaires (ou les languages de Microsoft) tels que C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, etc. mais sans Dart. Par conséquent, pour programmer Dart dans Visual Studio Code, il est nécessaire d’installer Dart extension.
      • Ouvrir Visual Studio Code, appuyer sur l’icône Extensions (ou appuyer sur la combinaison Ctrl+Shift+X), et chercher les extension(s) avec le mot-clef “dart” comme dans l’illustration ci-dessous. Vous voyer Dart Code Extension apparue en premier dans les résultats. Appuyer sur “Install” pour installer.
      • Créer et exécuter une application Dart en Visual Studio Code

  3. Créer un projet sur VS Code

    • Sur Visual Studio Code, appuyez sur la combinaison de touches :
      • Ctrl + Maj + P (Windows)
      • Sélectionner “Dart : nouveau projet” .

      Créer et exécuter une application Dart en Visual Studio Code

    • Ensuite, sélectionner “Application console” :
    • Créer et exécuter une application Dart en Visual Studio Code

    • Sélectionner ensuite le dossier dans lequel stocker le projet à créer, par exemple : d:\Flutter\dart
    • Saisir le nom du projet, par exemple :”monPremierProjet”
    • Un projet vient d’être créé avec un exemple de fichier dart.
  4. Ajouter un fichier Dart au projet

    • Pour créer un nouveau fichier Dart , faites un clic droit sur le dossier “bin” du projet et sélectionner : Nouveau fichier
    • Créer et exécuter une application Dart en Visual Studio Code

  5. L’affichage à l’écran avec Dart

    • L’affichage sur Dart est réalisée par la fonction print(), fonction qui n’a qu’un seul argument (le contenu à affiché sur la sortie standard ).
    • L’élément à afficher doit être mis entre simple quote ou double quote, vous verrez qu’on peut faire des concaténations de chaine de caractère, utiliser des constantes mathématiques, insérer de l’interpolation d’opérations arithmétique, des fonctions ou utiliser un codage ascii tel que \n, \t et \uxxxx, l’utilisation des variables sera vu plus loin.
    • main(){
         print ('Bonjour le monde!');
         print (" Hello the World! ");
         print (" bienvenue " + " sur " + " tutorielsinformatique.wordpress.com ");
         print ('nous verrons plus tard' + 'comment intégrer des variables' + " simplement ");
         print ('je rajoute ici une tabulation \t voila ');
         print ('Et la un saut de ligne \n et Hop! ');
         print (" on peut faire plusieurs saut de ligne \n \n \n fin du message " );
         print (" Ligne 1 \nLigne2 \n Lign3 \u00A0 Ligne 4 \n Ligne 5");
         print (" pour les caractère unicode on fait: (Bonjour) ");
         print (" \u0042\u006f\u006e\u006a\u006f\u0075\u0072");
         print (" Pour consulter tous les codes, visitez: ");
         print (" http://www.unicode.org/charts/ ");
         print (" on peut faire de l'interpolation entre accolades précédées d'un \$ ");
         print ('on peut utiliser des fonctions en interpolati on:');
         print (" Nous sommes ${5+5-(8%5)} milliard d'habitant sur Terre ");
         print ('ou en concaténation avec la chaine à afficher:');
         print (" le nombre PI est égale à: "+ Math.PI);
         print (" que l'on peut arrondir à: "+Math.PI.toStringAsFixed(2));
         print (" on peut afficher toutes sortes de caractères: ");
      }



Riadh HAJJI

Abonnez vous à notre chaîne YouTube gratuitement