[Flutter][1] Instalasi

Hello, this is my website. Find all information about website design, website programming, HTML, CSS, Javascript, Jquery, Angular, Flutter, Plugin, Mockup, Mysql, Database, etc.

Tips & Trick



Card image cap
Monday, 28 Jan 2019

Hello world,

Hari ini saya akan bahas tentang bagaimana langkah-langkah untuk memulai instalasi flutter di laptop (khususnya windows karena saya pakai windows). Pada dasarnya instalasi di windows atau mac akan sama saja. Hanya ada sedikit perbedaan di directori saja. oke langsung masuk ke pembahasan.

#1 Download File Flutter

Langkah pertama adalah menyiapkan file flutter yang bisa kita download di https://flutter.io/docs/get-started/install. Yang akan muncul adalah pilihan operating system yang kita gunakan. pilih saja salah satu. Di sini saya memilih windows. 

Pilihan operating system

Selanjutnya kita akan ditunjukkan minimum requirenment untuk bisa menggunakan flutter. Selama laptop kita cukup mumpuni ya kita bisa lanjut ke tahap selanjutnya. Oiya di sini diminta untuk install windows powershell dan install Git di laptop. Kalau windows kita sudah versi windows 10 maka sudah ada pre-installed di laptop jadi gak perlu install lagi. Selanjutnya kita diminta untuk download file flutter (sekarang sudah versi 1.0)

Link download flutter

Kalian download saja lalu di extract ke directori C:\src\flutter. Apakah harus di direktori ini? ya kita ikuti saja ketentuan dari flutter hehe. Hasilnya nanti akan terlihat isi direktorinya kira-kira seperti ini.

Isi direktori flutter

#2 Run Flutter Doctor

Di tahap ini kita diminta untuk menjalankan flutter doctor untuk melihat apakah semua kebutuhan sudah terpenuhi untuk menjalankan flutter. Caranya adalah klik dua kali pada file flutter_console.bat yang ada di dalam folder flutter. Setelah console terbuka kalian bisa mengetikkan flutter doctor dan klik enter. Hasilnya akan dimunculkan data mengenai flutter kita seperti versi, lalu ada android toolchain, android studio (jika sudah diintall maka akan ada tanda checklist), VSCode, device yang terhubung (handphone kita yang didebug di laptop kita dengan usb, nantinya akan dipakai untuk test aplikasi yang kita buat), dll. 


#3 Install Android Studio / VS Code

Untuk download filenya bisa klik di sini : https://developer.android.com/studio/

Install android studio dan download SDK yang kalian butuhkan di SDK Manager. Sesuaikan saja dengan kebutuhan. Kalau saya download android versi L, M dan N. Nah di sini saya pakai android studio hanya untuk menggunakan SDKnya. Untuk coding saya pakai VS Code karena lebih ringan. 

Untuk download VS code bisa klik di sini : https://code.visualstudio.com/


#4 VS Code Set up

Setelah VS Code terinstall. Kita harus melakukan setup untuk memasang flutter dan dart di VS Code. Caranya adalah sebagai berikut : 

- Install Extention

Klik pada menu View lalu pilih Command Pallete. Maka akan muncul form seperti gambar di bawah ini. Di dalam form ketikkan Install lalu akan automatis muncul beberapa pilihan (lihat gambar). Pilih Extensions: Install Extensions.


- Install Flutter 

Setelah tahap di atas, maka akan muncul form dan list di sebelah kiri (seperti gambar di bawah ini), di sini kita ketik adalah Flutter. nanti akan muncul pilihan Install.



- Jalankan Flutter doctor

Tahap terahir adalah menjalankan flutter doctor di VS Code untuk memastikan lagi kebutuhan dari flutter. Caranya adalah melalui View > Command Pallete ketikkan Flutter Doctor atau Doctor. Nanti akan ada pilihan Flutter: Run Flutter Doctor. Klik pilihan tersebut maka Flutter Doctor akan di jalankan di VS code.


Nah begitulah kira-kira tahap instalasi Flutter di windows. Kurang lebihnya saya belum menemukan masalah saat instalasi. selamat mencoba dan sampai jumpa :)