Programmazione Dart - Ambiente

Questo capitolo illustra la configurazione dell'ambiente di esecuzione per Dart sulla piattaforma Windows.

Esecuzione di script online con DartPad

Puoi testare i tuoi script online utilizzando l'editor online all'indirizzo https://dartpad.dartlang.org/. L'Editor Dart esegue lo script e visualizza sia l'output HTML che quello della console. L'editor in linea viene fornito con una serie di esempi di codice preimpostati.

Uno screenshot del file Dartpad l'editor è riportato di seguito -

Dartpad consente anche di codificare in modo più restrittivo. Ciò può essere ottenuto selezionando l'opzione Modalità forte in basso a destra nell'editor. La modalità forte aiuta con -

  • Controllo statico e dinamico più forte
  • Generazione di codice JavaScript idiomatico per una migliore interoperabilità.

Puoi provare il seguente esempio usando Dartpad

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

Il codice visualizzerà il seguente output

hello world

Configurazione dell'ambiente locale

In questa sezione, vediamo come impostare l'ambiente locale.

Utilizzando l'editor di testo

Esempi di pochi editor includono Blocco note di Windows, Blocco note ++, Emacs, vim o vi, ecc. Gli editor possono variare da un sistema operativo all'altro. I file di origine sono in genere denominati con l'estensione ".dart".

Installazione di Dart SDK

L'attuale versione stabile di Dart è 1.21.0. Ildart sdk può essere scaricato da -

  • https://www.dartlang.org/install/archive

  • http://www.gekorm.com/dart-windows/

Di seguito è riportato uno screenshot dell'installazione di Dart SDK:

Al termine dell'installazione dell'SDK, impostare la variabile d'ambiente PATH su -

<dart-sdk-path>\bin

Verifica dell'installazione

Per verificare se Dart è stato installato correttamente, apri il prompt dei comandi e inserisci il seguente comando:

Dart

Se l'installazione ha esito positivo, mostrerà il runtime di dart.

Supporto IDE

Una pletora di IDE supporta lo scripting in Dart. Esempi inclusiEclipse, IntelliJ, e WebStorm da Jet Brains.

Di seguito sono riportati i passaggi per configurare l'ambiente Dart utilizzando WebStrom IDE.

Installazione di WebStorm

Il file di installazione per WebStorm può essere scaricato da https://www.jetbrains.com/webstorm/download/#section=windows-version.

Il file di installazione di WebStorm è disponibile per Mac OS, Windows e Linux.

Dopo aver scaricato i file di installazione, seguire i passaggi indicati di seguito:

  • Installa Dart SDK: fai riferimento ai passaggi sopra elencati

  • Crea un nuovo progetto Dart e configura il supporto Dart

  • Per creare un nuovo progetto Dart,

    • Clic Create New Project dalla schermata di benvenuto

    • Nella finestra di dialogo successiva, fare clic su Dart

  • Se non è specificato alcun valore per Dart SDKpercorso, quindi fornire il percorso SDK. Ad esempio, il percorso dell'SDK potrebbe essere<dart installation directory>/dart/dartsdk.

Aggiungi un file Dart al progetto

Per aggiungere un file Dart al progetto:

  • Fare clic con il pulsante destro del mouse sul progetto
  • Nuovo → Dart File
  • Immettere il nome dello script Dart

Di seguito è riportato uno screenshot dell'editor WebStorm:

Lo strumento dart2js

Il dart2jslo strumento compila il codice Dart in JavaScript. La compilazione del codice Dart in JS consente di eseguire lo script Dart sui browser che non supportano la VM Dart.

Lo strumento dart2js viene fornito come parte di Dart SDK e può essere trovato in /dartsdk/bin folder.

Per compilare Dart in JavaScript, digita il seguente comando nel terminale

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

Questo comando produce un file che contiene l'equivalente JavaScript del codice Dart. Un tutorial completo sull'utilizzo di questa utility è disponibile sul sito Web ufficiale di Dart.