Programmation Dart - Environnement

Ce chapitre traite de la configuration de l'environnement d'exécution de Dart sur la plate-forme Windows.

Exécution de script en ligne avec DartPad

Vous pouvez tester vos scripts en ligne en utilisant l'éditeur en ligne à l'adresse https://dartpad.dartlang.org/. L'éditeur de fléchettes exécute le script et affiche à la fois le code HTML et la sortie de la console. L'éditeur en ligne est livré avec un ensemble d'exemples de codes prédéfinis.

Une capture d'écran du Dartpad l'éditeur est donné ci-dessous -

Dartpad permet également de coder de manière plus restrictive. Cela peut être réalisé en cochant l'option Mode fort en bas à droite de l'éditeur. Le mode fort aide avec -

  • Vérification statique et dynamique renforcée
  • Génération de code JavaScript idiomatique pour une meilleure interopérabilité.

Vous pouvez essayer l'exemple suivant en utilisant Dartpad

void main() { 
   print('hello world'); 
}

Le code affichera la sortie suivante

hello world

Configuration de l'environnement local

Dans cette section, voyons comment configurer l'environnement local.

Utilisation de l'éditeur de texte

Des exemples de quelques éditeurs incluent le Bloc-notes Windows, Notepad ++, Emacs, vim ou vi, etc. Les éditeurs peuvent varier d'un système d'exploitation à l'autre. Les fichiers source sont généralement nommés avec l'extension ".dart".

Installation du SDK Dart

La version stable actuelle de Dart est 1.21.0. ledart sdk peut être téléchargé depuis -

Une capture d'écran de l'installation du SDK Dart est donnée ci-dessous -

À la fin de l'installation du SDK, définissez la variable d'environnement PATH sur -

<dart-sdk-path>\bin

Vérification de l'installation

Pour vérifier si Dart a été correctement installé, ouvrez l'invite de commande et entrez la commande suivante -

Dart

Si l'installation réussit, il affichera le runtime de la fléchette.

Prise en charge IDE

Une pléthore d'EDI prend en charge les scripts dans Dart. Les exemples comprennentEclipse, IntelliJ, et WebStorm de Jet brains.

Vous trouverez ci-dessous les étapes de configuration de l'environnement Dart à l'aide de WebStrom IDE.

Installation de WebStorm

Le fichier d'installation de WebStorm peut être téléchargé à partir de https://www.jetbrains.com/webstorm/download/#section=windows-version.

Le fichier d'installation de WebStorm est disponible pour Mac OS, Windows et Linux.

Après avoir téléchargé les fichiers d'installation, suivez les étapes ci-dessous -

  • Installez le SDK Dart: reportez-vous aux étapes répertoriées ci-dessus

  • Créer un nouveau projet Dart et configurer la prise en charge de Dart

  • Pour créer un nouveau projet Dart,

    • Cliquez sur Create New Project depuis l'écran d'accueil

    • Dans la boîte de dialogue suivante, cliquez sur Dart

  • Si aucune valeur n'est spécifiée pour le Dart SDKchemin, puis indiquez le chemin du SDK. Par exemple, le chemin du SDK peut être<dart installation directory>/dart/dartsdk.

Ajouter un fichier Dart au projet

Pour ajouter un fichier Dart au projet -

  • Faites un clic droit sur le projet
  • Nouveau → Fichier Dart
  • Entrez le nom du script Dart

Une capture d'écran de l'éditeur WebStorm est donnée ci-dessous -

L'outil dart2js

le dart2jsL'outil compile le code Dart en JavaScript. La compilation du code Dart vers JS permet d'exécuter le script Dart sur les navigateurs qui ne prennent pas en charge la machine virtuelle Dart.

L'outil dart2js est fourni avec le SDK Dart et se trouve dans le /dartsdk/bin folder.

Pour compiler Dart en JavaScript, tapez la commande suivante dans le terminal

dart2js - - out = <output_file>.js  <dart_script>.dart

Cette commande produit un fichier contenant l'équivalent JavaScript de votre code Dart. Un tutoriel complet sur l'utilisation de cet utilitaire peut être trouvé sur le site officiel de Dart.