Cara Install Flutter di VS Code – Salah satu platform kekinian yang banyak digunakan oleh para developer untuk dapat membuat aplikasi multiplatform adalah flutter.
Flutter adalah framework yang bersifat open source dari Google. Framework ini digunakan oleh developer front-end dan juga full-stack untuk hasilkan UI di multiplatform dengan codebase tunggal. Flutter dapat digunakan untuk pengembangan di 6 sistem operasi berbeda, yakni iOS, Android, Web, Windows, MacOs dan juga Linux.
Sebagai framework pemrograman, flutter memiliki banyak kelebihan. 3 di antara adalah;
- Membantu performa host menjadi lebih cepat. Yang pertama adalah membantu performa perangkat host jadi lebih cepat. Hal ini wajar mengingat flutter menggunakan bahasa pemrograman Dart dan dikompilasi menjadi kode mesin.
- Proses rendering yang jauh lebih cepat dan stabil. Flutter, menggunakan Graphic Library SKIA dari Google untuk proses rendering-UI. Penggunaan SKIA, ini dapat membantu pengguna dapatkan visual yang konsisten di berbagai platform.
- Ramah developer. Flutter, sangat memudahkan developer dalam proses bangun aplikasi. Adanya tools seperti hot reload dapat membantu developer melihat perubahan kode tanpa kehilangan status. Di dalamnya juga terdapat widget yang siap untuk digunakan.
Lalu bagaimana kita dapat menggunakannya?. Tentu saja melalui instalasi pemrograman memanfaatkan IDE(Integrated Development Environment), seperti Visual Code dan juga Android Studio. Bagaimana caranya?.
Berikut ini adalah penjelasan lengkap cara install flutter di Visual Code dan juga Android Studio. Simak baik-baik ya!.
Download Flutter dan Install Aplikasi Pendukung
Sumber: Flutter.dev
Hal penting yang pertama kali mesti kamu lakukan adalah mempersiapkan flutter beserta dengan aplikasi pendukungnya. Karena di sini kita akan menggunakan Visual Studio dan juga Android Studio, maka kamu terlebih dahulu harus mendownloadnya.
Selain itu, jangan lupa untuk mendownload Java SE Development Kit dan juga Flutter SDK.
Setelah melakukan proses download maka kita lanjut ke proses berikutnya yakni instalasi. Untuk proses instalasi aplikasi IDE, Visual Studio dan Android Studio, bisa dilakukan dengan cara instal aplikasi pada umumnya.
Tapi untuk instalasi Java Development Kit, kamu bisa ikuti langkah-langkah di bawah ini;
- Lakukan double click pada JDK Installer.
- Klik next hingga selesai.
- Untuk lokasi penyimpanan file, pilih lokasi default
Lanjut ke proses instalasi flutter, lakukan cara yang sama seperti sebelumnya.
- Ekstrak file Zip flutter, dan letakan pada lokasi directory yang diinginkan. Semisal “C:\users\<users>\document”.
- Setelah itu tambahkan path pada Variable Path Environment. Cara adalah dengan mengetikan kata “env” lalu pilih Edit the system environment variables.
- Didalamnya pilih Environment variables pada tab Advanced.
- Jika di dalam kolom User variable terdapat variable path, pilih variable path dan edit/double click pada variable path tersebut.
- Pilih New dan tambahkan directory tempat Flutter SDK berada dan pilih folder lain.
Sumber: Edspert.id
- Jika tidak ada, pilih New > Variable Name > lalu tambahkan Path. Tambahkan directory Flutter SDK berada tepat di Variable Value.
- Lakukan pengecekan instalasi dengan akses CMD, lalu masukan perintah Flutter.
Cara Install Flutter di VS Code
Sumber: Code.visualstudio.com
Install flutter di Visual Studio sangatlah mudah dilakukan karena dapat dilakukan hanya dengan menggunakan Widget saja. Berikut ini adalah langkah-langkahnya;
- Membuka aplikasi Visual Studio Code.
- Klik menu Extension yang berada tepat di kolom kiri bawah.
- Ketikan kata Flutter dan lakukan instalasi.
- Lakukan instalasi juga pada Flutter Widgets Snippet.
Proses instalasi flutter di Visual Studio pun selesai. Lalu untuk membuat aplikasi pertama, ikuti langkah-langkah di bawah ini;
- Buka aplikasi Visual Studio, lalu pilih menu View, lalu pilih Command Palette.
- Ketikan kata Flutter dan pilih Flutter : New Project.
- Beri nama pada proyek tersebut sesuai dengan keinginan kamu. Jangan lupa untuk tentukan juga penyimpanan project tersebut.
- Tekan F5 untuk menjalankan Flutter pertama kali. Emulator yang terpilih seketika akan tampil di bagian kanan aplikasi Visual Studio Code.
