Tips Memakai Visual Studio Code Untuk Flutter

Tips visual studio code untuk flutter

- Visual studio code merupakan edittor yang dikembangkan oleh Microsoft yang bersifat open source dan sanggup dipakai pada Windows, Linux, dan Mac OS. Visual studio code mempunyai aneka macam fitur yang membantu kita dalam menuliskan arahan program, beberapa rujukan fiturnya adalah syntax highlighting, intelligent code, debugging, snippet, Git, dan masih banyak lagi.

Untuk menciptakan aplikasi mobile dengan lancar, minimal membutuhkan spesifikasi laptop yang tidak mengecewakan tinggi. Jika kau memakai Flutter, maka visual studio code menjadi solusi edittor yang lebih ringan untuk menyebarkan aplikasi mobile dibandingkan Android Studio dan XCode.

Pada artikel ini akan dibahas tips memakai visual studio code untuk Flutter yang sanggup menambah produktivitas dan membantu kau saat menciptakan aplikasi dengan Flutter. Sebelumnya, jikalau kau belum install, kau sanggup download secara gratis di website resmi visual studio code.

Pertama, buka aplikasi visual studio code dan pastikan laptop kau terkoneksi dengan internet untuk mengunduh beberapa extensions.

Masuk pada hidangan Extensions caranya adalah pilih tombol berikut yang ada di hidangan samping.

menu extensions visual studio code

Atau cara lainnya adalah pilih hidangan Help > Search > ketikan Extensions > Pilih Extensions, maka akan muncul tampilan hidangan extensions.

Complete Flutter Extension Pack

Complete Flutter Exension Pack merupakan extension yang dibentuk oleh GulaJavaMinistudio yang berisi paket dari macam-macam extensions yang sanggup mempermudah dan membantu kau saat menuliskan kode. 

Caranya adalah ketikan pada pencarian "Complete Flutter Extension Pack", kemudian pilih dan gambarnya menyerupai berikut :

Complete Flutter Extension Pack

Untuk isinya sudah ada detailnya extension yang disediakan, menyerupai Awesome flutter snippets, Dart, Flutter, Flutter files, Flutter widget snippets, Material icon, dan masih banyak lagi. Selanjutnya pilih Install.

Setelah berhasil install maka tampilan visual studio code menjadi lebih menarik dan ada pemanis menu, serta menulis arahan untuk Flutter menjadi lebih cepat dan mudah.

Extension untuk Flutter

Visual studio code extension flutter

Jika kau ingin mencari extension lain untuk Flutter, caranya cukup dengan mengetikan "Flutter" di pencarian, maka muncul daftar extension yang sanggup kau pilih. Install extension yang kau butuhkan saja untuk mempermudah dan membantu produktivitas, alasannya semakin banyak extension yang kau pasang tentu visual studio code menjadi lebih berat.

Tampilan visual studio code menjadi lebih menarik menyerupai berikut :

Visual studio code for Flutter

Tips tambahan

Sekarang untuk memudahkan kau menuliskan arahan Flutter dengan cepat, caranya ketikan arahan berikut secara otomatis muncul rekomendasi yang sanggup kau pilih. Berikut kodenya :

• statefulW : untuk menciptakan StatefulWidget secara otomatis.
• statelessW : untuk menciptakan StatelessWidget secara otomatis.
• statefulBldr : untuk menciptakan StatefulBuilder secara otomatis.
• streamBldr : unruk menciptakan StreamBuilder secara otomatis.

Selain itu untuk menciptakan Widget dan propertiesnya, kau hanya perlu menuliskan beberapa karakter depan secara otomatis muncul rekomendasi widget yang kau ketikkan. Contohnya saat kau menuliskan "Image", akan muncul widget yang sesuai.

Demikian tips cara memakai visual studio code untuk Flutter yang sanggup mempermudah kau dan menambah produktivitas. Jangan lupa subscribe dan bookmarks website codingtive untuk artikel dan tutorial menarik lainnya. Terima kasih  

Share this post