Scribd
Unggah
195 tayangan12 halaman

Flutter VsCode

Ringkasan dokumen tersebut adalah cara menggunakan Visual Studio Code untuk membuat dan menjalankan aplikasi Flutter di emulator atau HP dengan menginstal ekstensi Flutter di VS Code, membuat project baru, mengkonfigurasi emulator Android, dan menjalankan aplikasi Flutter pada emulator atau HP yang terhubung.

Diunggah oleh

DiniiAdiyarnita
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
195 tayangan12 halaman

Flutter VsCode

Ringkasan dokumen tersebut adalah cara menggunakan Visual Studio Code untuk membuat dan menjalankan aplikasi Flutter di emulator atau HP dengan menginstal ekstensi Flutter di VS Code, membuat project baru, mengkonfigurasi emulator Android, dan menjalankan aplikasi Flutter pada emulator atau HP yang terhubung.

Diunggah oleh

DiniiAdiyarnita
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 12

“CARA MENGGUNAKAN VISUAL STUDIO CODE UNTUK CODING

ANDROID DENGAN FLUTTER”

1. Install Extension Flutter di VS CODE


Masuk ke manu extension, lalu ketik flutter.

Setelah itu silahkan reload atau buka ulang VS Code…


Setelah menginstal extension, kita akan bisa menggunakan beberapa perintah
seperti:

1. Membuat Project Baru


2. Menjalankan perintah flutter doctor
3. Menjalankan Update

Cara mengakses perintah-perintah ini, tekan Ctrl+Shift+P lalu


ketik flutter.
2. Membuat Project Flutter di VS CODE
Cara membuat project Flutter di VS Code:
Tekan tombol Ctrl+Shift+P, lalu pilih New Project.

Kemudian akan diminta nama “Project”. Contoh nama project: petani_kode. Lalu
menentukan lokasi penyimpanan project.

“Tunggu proses pembuatan project sampai selesai”


3. Emulator untuk Flutter
Ada 3 macam jenis Emulator:
a. Emulator Bawaan Android Studio
b. HP Sendiri dengan menyambungkan kabel USB -> API yang digunakan
tergantung dengan “Versi OS HP Sendiri”
c. Genymotion
Buat yang ingin menggunakan emulator android studio, merekomendasikan
menginstal image API level 28. Buka Android Studio, Klik ikon Android SDK
Manager:
Kemudian install image untuk API Level 28:

Setelah terinstal, buatlah emulator baru dengan image tersebut. Buka Android
Virtial Device (AVD) dari Android Studio:
Klik Create New Virtual Device:

Kemudian pilih jenis prangkat yang diinginkan:


Berikutnya pilih system image yang akan digunakan:
Terakhir, tentukan nama AVD atau emulatornya:

4. Menjalankan Aplikasi Flutter


Kembali ke project Flutter yang di VS Code. Coba tekan Ctrl+Shift+P lalu
ketik flutter dan pilih Launch Emulator.

Kemudian pilih emulator yang akan dibuka.


Tunggu beberapa saat sampai emulatornya terbuka seperti ini:

Sekarang, kita sudah siap menjalankan aplikasi Flutter-nya di emulator. Tekan


lagi tombol Ctrl+Shift+P, kemudian pilih Select Device untuk memilih
emulator yang sedang berjalan.

Terakhir, masuk ke menu Debug kemudian klik Run.


5. Emulator Menggunakan HP

Caranya:

1. Hubungkan komputer dengan hp menggunakan kebel data;

2. Pastikan Hp-nya sudah diaktifkan developer options dan


debugging;

3. Jalankan perintah Flutter Doctor dari VS Code;


Jika muncul seperti ini:

Berarti Hp kita sudah terdeteksi dan siap digunakan untuk menjalankan


aplikasi Flutter.

4. Coba jalankan aplikasi flutter;

5. Selesai.

Sumber : https://www.petanikode.com/flutter-vscode/

Menghubungkan Nox dengan VSCODE:


D:\Program Files\Nox\bin>nox_adb.exe connect 127.0.0.1:62001
adb server version (41) doesn't match this client (36); killing...
* daemon started successfully *
connected to 127.0.0.1:62001

Anda mungkin juga menyukai