Ingin membuat aplikasi dari bahasa pemrograman Dart, tapi belum tahu mulai dari mana? Yang pasti langsung pertama yaitu perlu menginstall semua kebutuhan baik SDK maupun tool sebagai alat bantu. Sebelumnya jika belum mengetahui Dart bisa baca Pengenalan Dart.

Install SDK #

SDK singkatan dari Software Development Kit yang berarti seperangkat alat pengembangan aplikasi/software dalam satu paket yang dapat diinstall. Kemudian untuk Dart SDK yaitu sekumpulan alat pengembangan yang dipakai dalam proses pengembangan aplikasi dari bahasa Dart.

Tanpa adanya SDK semua kode yang telah dibuat tidak akan dapat diproses dan dijalankan di komputer, maka dari itu wajib untuk menginstall SDK sebelum menjalankan kode dartnya.

Adapun untuk mengetahui spesifikasi minimum komputer yang diperlukan untuk menginstall Dart SDK bisa lihat di sini. Untuk langkah-langkah penginstalan bisa ikutin sesuai dengan sistem operasi Anda seperti dibawah ini:

Windows #

Untuk proses penginstallan Dart SDK pada sistem operasi windows, memerlukan beberapa step yaitu:

  1. Download SDK dari website resminya https://dart.dev/get-dart/archive

  2. Pilih OS windows kemudian pilih x64 jika komputer Anda 64 bit dan pilih IA32 jika 32 bit.

    Download Dart SDK from Dart.dev

  3. Tunggu sampai proses download selesai.

  4. Setelah selesai download, kemudian extract file yang Dart SDK tadi ke folder C:\Dev, jika belum ada folder Dev bisa buat terlebih dahulu

  5. Jadi posisi SDK nya yaitu di C:\Dev\dart-sdk\

  6. Kemudian setelah mengextraks filenya, langkah selanjutnya yaitu menambahkan environment variable pada windows

  7. Untuk menambah environment variable di windows, tekan logo windows kemudian ketikkan env Edit on the system variables

  8. Setelah itu akan masuk ke screen Screen properties, kemudian klik button Environment Variables lanjut pilih path dan tekan button edit.

    Edit Environment Variable Dart on Windows

  9. Langkah selanjutnya tambahkan path sesuai dengan lokasi folder Dart SDK tadi, pada contoh ini lokasinya berada di C:\Dev\dart-sdk\bin

    Set Environment Variable Path Dart

Linux #

Untuk proses penginstall Dart SDK ada beberapa langkah yang perlu diperhatikan diantaranya berikut ini:

  1. Yang pertama buka aplikasi terminal yang ada di linux anda

  2. Kemudian ikutin perintah ini pada terminal dan jalankan secara satu-persatu:

    1
    2
    3
    4
    
    $ sudo apt-get update
    $ sudo apt-get install apt-transport-https
    $ wget -qO- https://dl-ssl.google.com/linux/linux_signing_key.pub | sudo gpg --dearmor -o /usr/share/keyrings/dart.gpg
    $ echo 'deb [signed-by=/usr/share/keyrings/dart.gpg arch=amd64] https://storage.googleapis.com/download.dartlang.org/linux/debian stable main' | sudo tee /etc/apt/sources.list.d/dart_stable.list
    
  3. Setelah itu baru install Dart SDK lewat perintah ini

    1
    2
    
    $ sudo apt-get update
    $ sudo apt-get install dart
    
  4. Proses install Dart SDK sudah selesai, langkah selanjutnya yaitu menambah environment variable untuk Dart SDK, supaya dapat diakses

  5. Untuk menambah environment variable gunakan perintah seperti ini:

    1
    
    $ echo 'export PATH="$PATH:/usr/lib/dart/bin"' >> ~/.profile
    

Mac OS #

Unutuk proses instalasi Dart SDK di mac os cukup mudah dibanding di OS(Operating System) yang lain. Adapun untuk langkah-langkahnya seperti ini:

  1. Buka aplikasi terminal di Mac OS

  2. Gunakan perintah seperti dibawah ini untuk menginstall

    1
    2
    
    $ brew tap dart-lang/dart
    $ brew install dart
    

Berlaku untuk semua OS: Setelah proses penginstalan SDK, untuk validasi apakah sudah terinstall dengan benar dan tidaknya bisa mengecek versi dartnya lewat CMD atau terminal.

1
2
$ dart --version
Dart SDK version: 2.18.6 (stable) (Tue Dec 13 21:15:14 2022 +0000) on "macos_arm64"

Kalau outputnya kurang lebih seperti itu, maka selamat Anda berhasil menginstall dart SDK.

Setup Code Editor #

Setelah menginstall SDK, kita pastinya memerlukan Code Editor. Apa sih itu Code Editor? Code Editor yaitu sebuah aplikasi yang dipakai untuk menulis skrip kode-kode yang nantinya akan dijalankan. Tanpa adanya kode editor kita tidak bisa membuat program aplikasi. Jadi kita perlu setup/menyiapkan code editor untuk memulai pemrograman dengan bahasa Dart.

Ada banyak sekali code editor yang dapat digunakan untuk menulis dan membuat aplikasi berbasis bahasa pemrograman Dart diantaranya:

  1. Visual Studio Code
  2. Intellij IDEA
  3. Android Studio
  4. ViM
  5. Emacs
  6. Dan masih banyak lagi

Akan tetapi pada kasus ini, saya rekomendasikan menggunakan Visual Studio Code sebagai code editor utama untuk menulis kode Dart. Karena di Visual Studio Code selain ringan code editor ini sangat friendly bagi pemula.

Install Code Editor #

Jika sebelumnya sudah menginstall Visual Studio Code ini dihiraukan tidak masalah

Untuk download dan install Code Editor Visual Studio Code cukup mudah ikut langkah-langkah ini:

  1. Pergi ke website resmi Visuak Studio Code https://code.visualstudio.com
  2. Download sesuai sistem operasi Anda
  3. Setelah selesai download, install Visual Studio Code seperti aplikasi biasa
  4. Yeay… aplikasi terinstall

Install Plugin #

Setelah semua proses sudah selesai dilakukan Install SDK dan juga Code Editor. Hal yang perlu diperhatikan yaitu menginstall plugin yang diperlukan sesuai dengan kebutuhan pada aplikasi kode editor. Untuk install plugin yang wajib diinstall pada kasus ini untuk dart yaitu plugin dart untuk Visual Studio Code seperti ini. Untuk langkah-langkah install plugin seperti ini:

  1. Buka aplikasi Visual Studio Code
  2. Klik menu disamping kiri Extensions yang gambarnya seperti kubus
  3. Ketika keyword dart pada daftar extensions
  4. Klik install di extensi dart
  5. Semua proses install sudah selesai… horay

How to Install Plugin Dart on VS Code

Untuk beberapa plugin yang saya rekomendasikan install, bisa lihat artikel lain yaitu Rekomendasi Extension VS Code.

Refences:

Setelah selesai menginstall dart di setup semua kebutuhan yang diperlukan, jangan lupa pantingin semua perkembangan materi-materinya ya supaya tambah jago, hehe…


Jika terdapat kesalahan penulisan, typo, atau kurang sesuai dalam penulisan, bantu Saya untuk Edit on Github.


Wisnu G. Saputra avatar

Mobile Tech Enthusiast | Software Engineer | Blogger. Penggemar Teknologi di bidang Computer Science.

Support Me
Comment: