💻

Panduan Instalasi Dart dan VS Code

Sep 4, 2024

Catatan Instalasi Dart dan Visual Studio Code

Pendahuluan

  • Penjelasan mengenai instalasi Dart dan Visual Studio Code.

Instalasi Visual Studio Code

  1. Download Visual Studio Code
    • Buka browser, cari "download Visual Studio Code".
    • Klik tombol download sesuai dengan sistem operasi (Windows).
    • Setelah selesai di-download, buka folder download.
  2. Proses Instalasi
    • Jalankan file yang telah di-download.
    • Klik "I accept" dan kemudian "next" (ikuti langkah-langkah hingga selesai).
    • Buat shortcut di desktop (centang pilihan ini).
    • Klik "Finish" setelah selesai.
  3. Tampilan Awal
    • Setelah instalasi, Visual Studio Code akan muncul.

Instalasi Dart SDK

  1. Download Dart SDK
    • Cari "Dart SDK for Windows" di internet.
    • Klik untuk download Dart SDK, pilih stable channel.
    • Download sebagai zip file.
  2. Ekstrak Dart SDK
    • Setelah selesai, copy Dart SDK ke drive C.
    • Klik kanan pada file zip, pilih "extract all".
    • Hasil ekstrak akan berupa folder Dart SDK.
  3. Mengatur Environment Variable
    • Buka Windows, cari "Environment Variables".
    • Klik pada "Path" dan pilih "Edit".
    • Tambahkan path ke Dart SDK:
      • C:\dart-sdk\bin
    • Klik OK dan tutup semua jendela.
  4. Verifikasi Instalasi Dart
    • Buka command prompt baru dan ketik dart.
    • Jika berhasil, akan muncul daftar perintah Dart.
    • Untuk mengecek versi, ketik dart --version.

Pengaturan Visual Studio Code untuk Dart

  1. Pengaturan Tema
    • Buka Visual Studio Code, pilih tema gelap (dark theme).
  2. Instalasi Extension Dart
    • Cari dan instal extension:
      • Dart
      • Dart Import
      • Dart Syntax Highlight
  3. Pengaturan Run and Debug
    • Buka pengaturan dengan Ctrl + ,.
    • Cari "run and debug", pilih "external terminal".

Penutup

  • Persiapan untuk membuat proyek baru di Dart pada video berikutnya.
  • Tutup dengan ucapan selamat dan salam.