Hai semua, kali ini saya akan sharing ekstensi VSCode yang musti kamu install sebagai Flutter Developer. Ayo langsung saja.

bloc

Bloc merupakan ekstensi untuk memudahkan kita dalam menggunakan state management flutter_bloc. Ekstensi ini akan membantu kamu dalam generate bloc dan juga melakukan wrap widget kamu dengan widget seperti BlocProvider, BlocListener, BlocConsumer, dan lainnya. Ekstensi ini ditulis oleh pembuat library bloc sendiri yaitu Felix Angelov.

Generate bloc.
Wrap Widget dengan BlocBuilder.
bloc - Visual Studio Marketplace
Extension for Visual Studio Code - Support for the bloc library and provides tools for effectively creating blocs for both Flutter and AngularDart apps.
Visual Studio Marketplace

Build Runner

Kalo kamu sering pakai code generator di Flutter, kamu pasti sering banget makai command :

flutter pub run build_runner watch --delete-conflicting-outputs

biar kamu nggak capek-capek nulis command itu setiap mulai ngoding flutter, kamu bisa gunakan ektensi ini. Kamu cukup tekan watch di bottom bar VSCode dan BAM!. Perintah itu udah otomatis dijalankan.

Build Runner - Visual Studio Marketplace
Extension for Visual Studio Code - Easily run build_runner commands!
Visual Studio Marketplace

Dart Data Class Generator

Ekstension yang satu ini dapat membantu kamu membuat data class seperti yang ada di kotlin lebih mudah di VSCode, baik dari class properties maupun JSON.

Kamu bisa menggunakannya dengan menekan tombol CTRL + . atau dengan menggunakan command pallete.

Dart Data Class Generator - Visual Studio Marketplace
Extension for Visual Studio Code - Create dart data classes easily, fast and without writing boilerplate or running code generation.
Visual Studio Marketplace

Flutter Feature Scaffolding

Jika kamu adalah orang yang mengatur struktur folder per-fitur, maka extenstion ini cocok untuk kamu. Dengan extension ini, kamu akan dibuatkan struktur folder clean dengan sangat cepat.

- feature    			# feature folder
| - movie    			# feature name
| | - data   			# generated
| | | - datasources     	# generated
| | | - models  		# generated
| | | - repositories 		# generated
| | - domain			# generated
| | | - entities 		# generated
| | | - repositories		# generated
| | | - usecases		# generated
| | - presentation		# generated
| | | - bloc			# generated
| | | - pages			# generated
| | | - widgets
Struktur folder yang di-generate.
Flutter Feature Scaffolding - Visual Studio Marketplace
Extension for Visual Studio Code - Add new feature easily with well structured directories (Clean Architecture pattern)
Visual Studio Marketplace

FlutterBricks

Extension ini adalah UI Library yang langsung siap dipakai di dalam project Flutter kamu.

Tinggal pakai.
FlutterBricks - Visual Studio Marketplace
Extension for Visual Studio Code - FlutterBricks provides hundreds of beautiful flutter UIs at your fingertips. Browse responsive and accessible Flutter components, screens, illustrations, and icons and copy them directly into your project - without even leaving your code editor! No boilerplate nece…
Visual Studio Marketplace

Sekian dulu dari saya, nantikan postingan selanjutnya!