Kali ini saya akan memberi arahan kepada anda semua dalam tata cara menggunakan DevTools Flutter yang baru-baru ini rilis dari team pengembangnya, untuk lebih jelasnya bisa dibaca situs resminya di: https://developers.googleblog.com/2019/02/launching-flutter-12-at-mobile-world.html
Namun dalam postingan ini saya akan khususkan dalam cara pemakaiannya saja, caranya simple kawan-kawan, hal yang paling saya senangi dalam update kali ini yaitu kita tidak terlalu ribet dalam config project kita. Syarat untuk memakai devtool ini kita harus menambahkan paket DevTools pada flutter sdk dengan cara.
Di Terminal Cukup Lakukan perintah ini :
flutter packages pub global activate devtools
Akan ada muncul proses update, Tunggu hingga proses selesai
Setelah itu . . .
Untuk menggunakannya. .
Masuk ke folder project yang sudah ada atau buat project baru . . .
Kemudian . .
Jalankan aplikasi flutter anda dengan cara seperti biasa, menggunakan :
Kemudian . .
Jalankan aplikasi flutter anda dengan cara seperti biasa, menggunakan :
flutter run
tahan sampai situ,
tugas anda disana adalah copy alamat link seperti di gambar, simpan, ini yang akan digunakan nanti oleh si debugger untuk terhubung ke aplikasi anda.
biarkan aplikasi anda berjalan, dan buka terminal satu lagi.
sehingga ada dua terminal yang terbuka :
tugas anda disana adalah copy alamat link seperti di gambar, simpan, ini yang akan digunakan nanti oleh si debugger untuk terhubung ke aplikasi anda.
biarkan aplikasi anda berjalan, dan buka terminal satu lagi.
sehingga ada dua terminal yang terbuka :
Dan . .
Masuk ke folder yang sama seperti yang ada pada gambar .
kemudian untuk menjalankan DevTools, cukup dengan perintah:
flutter packages pub global run devtools
Masuk ke folder yang sama seperti yang ada pada gambar .
kemudian untuk menjalankan DevTools, cukup dengan perintah:
flutter packages pub global run devtools
kemudian buka browser, dan masuk ke alamat devtool sesuai dengan yang tampil di laptop anda masing-masing. contoh seperti di gambar adalah : http://127.0.0.1:9100, akan muncul halaman DevTool seperti ini :
pada contoh gambar di atas, disana di dibutuhkan link aplikasi anda, masukkan link tersebut, kemudian tekan konek
Sekarang, Flutter DevTools siap digunakan
[Belum selesai di tulis]
ini gunanya untuk apa ya ?
BalasHapuskegunaannya bisa seperti melihat penggunaan memori, struktur dari widget dll
Hapus