Cara Memasang Dart

View Categories

Cara Memasang Dart

Bab ini membahas pengaturan environment untuk menjalankan script (source code) Dart di platform Windows.

Menjalankan Script Online dengan DartPad

Anda dapat menjalankan script Anda secara online dengan menggunakan editor online di https://dartpad.dartlang.org/ . Editor Dart mengeksekusi script dan menampilkan HTML serta keluaran melalui console secara online.

Tangkapan layar editor Dartpad diberikan di bawah ini :

Tangkapan layar editor Dartpad

Anda dapat mencoba contoh berikut menggunakan Dartpad

void main() { 
   print('Halo Dunia'); 
}

Kode di atas akan menampilkan output berikut

Halo Dunia

Menyiapkan Environment Lokal

Pada bagian ini, mari kita lihat bagaimana mengatur environment lokal.

Menggunakan Editor Teks

Teks Editor digunakan untuk mengetik atau membuat script Dart. Contoh beberapa editor adalah Windows Notepad, Notepad++, Emacs, VSCode, vim atau vi, dll. Editor dapat berbeda dari satu Sistem Operasi ke Sistem Operasi lainnya. Source file dari Dart biasanya diberi nama dengan ekstensi “.dart”.

Memasang Dart SDK

Versi Dart yang stabil saat ini adalah 2.19.3 . Dart SDK dapat diunduh dari :

Tangkapan layar instalasi Dart SDK diberikan di bawah ini :

Tangkapan layar instalasi Dart SDK

Setelah instalasi SDK selesai, setel PATH pada environment variable ke :

<dart-sdk-path>\bin

Memverifikasi Instalasi

Untuk memverifikasi apakah Dart telah berhasil diinstal, buka command prompt dan masukkan perintah berikut :

Dart

Jika instalasi berhasil, itu akan menampilkan runtime dart.

Dukungan IDE

Sejumlah besar IDE mendukung pembuatan script Dart menjadi lebih mudah dengan berbagai tools yang tersedia. Contohnya termasuk Eclipse, IntelliJ , dan WebStorm dari Jet brains.

Di bawah ini adalah langkah-langkah untuk memasang konfigurasi Dart menggunakan WebStorm IDE .

Menginstal WebStorm

File instalasi untuk WebStorm dapat diunduh dari jetbrains.

File instalasi WebStorm tersedia untuk Mac OS, Windows dan Linux.

Setelah mengunduh file instalasi, ikuti langkah-langkah yang diberikan di bawah ini :

  • Instal Dart SDK: Lihat langkah-langkah yang tercantum di atas sebelumnya
  • Buat proyek Dart baru dan konfigurasikan dukungan Dart
  • Untuk membuat proyek Dart baru,
    • Klik Create New Project dari layar pertama (welcome screen)
    • Di kotak dialog berikutnya, klik Dart
  • Jika path Dart SDK belum dimasukkan, maka masukkan nilai path SDK. Misalnya, path SDK dari Dart terdapat di <dart installation directory>/dart/dartsdk .

Tambahkan File Dart ke Proyek

Untuk menambahkan file Dart ke Proyek :

  • Klik kanan pada Project
  • New → Dart File
  • Masukkan nama file untuk Script Dart

Tangkapan layar dari Editor WebStorm diberikan di bawah ini :

Tangkapan layar dari Editor WebStorm

 

Tools dart2js atau dart compile

Tools dart2js (atau dart compile untuk dart versi 2.18 keatas) dapat mengkompilasi script Dart ke JavaScript. Dengan mengompilasi script Dart ke JavaScript maka dapat dimungkinkan untuk menjalankan script Dart di browser yang tidak mendukung Dart VM.

Tools dart2js adalah bagian dari Dart SDK dan dapat ditemukan di folder /dartsdk/bin .

Untuk mengkompilasi Dart ke JavaScript, ketikkan perintah berikut di terminal :

Untuk dart versi 2.18 kebawah

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

Untuk dart versi 2.18 keatas

dart compile js -O2 -o <output_file>.js <dart_script>.dart

Perintah ini menghasilkan file yang berisi JavaScript yang setara dengan script Dart Anda. Tutorial lengkap tentang penggunaan utilitas ini dapat ditemukan di situs resmi Dart.

Tutorial sebelumnya : Tutorial Dart
Tutorial setelahnya : Cara Penulisan Bahasa Pemrograman Dart
Semua Tutorial Dart : Tutorial Dart

Tinggalkan Balasan