Jumat, 21 Desember 2018

Apa Itu Flutter ?? dan Gimana Cara Install nya Di Windows ?

Apa Itu Flutter ?? dan Gimana Cara Install nya Di Windows ?


Flutter ? ,flutter merupakan native code dimana di kembangkan oleh Google dan flutter ini termasuk masih muda umurnya ,kenapa masih muda ,karena native code ini lahir di 2017 ,wahh masih muda kan ,ya namun di usianya yang muda ,cukup banyak para developers menggunakan native code untuk apps yang developers build, wihh keren ya ,owh iya flutter ini bisa di build di IOS dan ANDROID wih keren ya.. ,nah buat kalian yang ingin mencoba nya bisa kalian persiapkan ,apa yang di perlukan untuk mendevepolers dengan flutter ini yuk simak....

1).Android Studio (saya sih gunakan ini biasanya klo build flutter sering nya untuk Emulator Hp nya doang hihi)

2)Visual Studio Code (nah disini saya biasa melakukan coding nya ,sebenernya bisa juga sih di android studio hehehe)

3)Jangan Lupa Kopi ama Biskuit heheh,

Yang perlu kalian ketahui bahwa,ada minimum spesifikasi komputer yang di butuhkan dan dapat mensuport sih flutter dan lain lain nya sebagai berikut:


1.Windows 7 64/32 tidak masalah
2.Disk Space/Penyimpanan Free yaitu 400MB blm termasuk space untuk android studio 
3.RAM minimal 4GB (mungkin klo 2GB menurut saya kurang apalagi dengan ada nya android studio dan itu merunning nya cukup besar apalagi jika kita pakai emulator nya di Android Studi)
4.Software yang perlu di download ,seperti Android Studio 64(bit) (bisa kalian sesuaikan dengan BIT komputer kalian ya) ,lalu Visual Studio Code , download juga SDK nya Flutter download official Flutter SDK v.1.0.0-stable.zip kemudian ekstrak file zip nya dan terakhir jangan lupa download GIT

Oke langsung aja jika bahan sudah terinstall yuk kita lanjutin apa sih yang perlu di lakukan setealh itu hehe ..... simak dan baca dengan hati biar paham


1.Extrack SDK flutter nya

2.Setelah Extrack jangan lupa ubah Environment nya di Controll Panel ,gunanya ketika kita buka CMD dan kita ingin eksekusi perintah flutter jadi windows dapat menerima perintah tersebut

  • Buka “Control Panel > User Accounts > User Accounts > Change my environment variables”
  • Tambahkan path baru, arahkan ke folder flutter/bin (lokasi folder bin dari flutter yang sudah diekstrak sebelumnya)





3.Buka command prompt / power shell / Git Bash lalu kalian ketik
flutter doctor  
untuk melakukan penegcekan dan mengistall dependensi yang dibutuhkan flutter

Nah Gambar diatas adalah hasil akhir dari perintah flutter doctor dimana terdapat tiga (3) isu yang harus diselesaikan (lihat tanda [!])

4.Flutter Issue: Some android licenses not accepted
Terdapat beberapa lisensi android sdk yang belum disetujui oleh user. Langkah untuk menyelesaikan isu ini adalah ketikkan perintah dibawah ini menggunakan command prompt dan setujui setiap lisensi yang belum disetujui.jadi langkah selanjutnya ketik perintah di bawah ini di CMD/Power Shell/Git Bash 

flutter doctor --android-licenses
5.Flutter Issue: VS Code, 64-bit edition 
Jika kamu sudah mengistall VS Code biasanya terdapat isu ini karena pada VS Code belum diintall extensions flutter. Langkah untuk menyelesaikan isu ini adalah:


  • Buka aplikasi VS Code
  • Klik menu "View > Extensions"
  • Cari extension dengan keyword "Flutter". Kamu perlu install dua (2) extension yaitu Flutter Snippets for vscode dan Dart Code

5.Jika di Flutter doctor kalian ada issue Connected devices , jadi kalian bisa coba hubungkan perangkat android kalian dengan developer mode atau pun kalian bisa gunakan Virtual Device nya si android studio Hal , Cara untuk menyelesaikan masalah ini adalah dengan cara menyambungkan smatphone android ke PC/laptop menggunakan USB (pastikan developer option aktif) atau dapat menggunakan AVD (Android Virtual Devices)

Silahkan cek flutter doctor lagi untuk mengecek status



Membuat Project Pertama Flutter


Tinggal kalian ketik perintah dibawah ini di CMD atau Git Bash atau Power Shell


flutter create myfirstapp


Oke Cukup sekian artikel hari ini semoga bermanfaat dan ini batre laptop saya sudah tinggal 5% hehe jadi kudu nguber nih hehe thanks 
Share This :
SUBSCRIBE TO OUR NEWSLETTER

Add Your Comments

bold <b>b</b>
italic <i>i</i>
underline <u>u</u>
HTML<code></code> use Parser

Emoticon
Parser
😊
😉
😀
😁
😎
😍
😜
😑
😇
💖
😯
😱
😭
👍
🍻