Extension VSCode untuk Flutter Developer

Extension VSCode berikut ini bakal membuat pengalaman ngoding di flutter jadi lebih asik.

· 3 menit untuk membaca
Extension VSCode untuk Flutter Developer
Photo by Mohammad Rahmani / Unsplash

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.

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!

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.

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)

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…

Sekian dulu dari saya, nantikan postingan selanjutnya!