Awesome

Flutter Enhancement Suite

Simplify pubspec.yaml management, auto-complete pub packages & view package's changelogs, and documentation. Boost your workflow with editor features like parameter name and variable type hints, widget creation & extraction, snippets, and icon previews.

<p> Download now to enhance your Flutter development experience! <p>

pubspec.yaml Features

<h3>Autocomplete Pub Packages</h3> <p>When you're adding a new package to your pubspec.yaml file, the plugin will figure out what you're looking for. When pressing enter the package with its current version number will appear magically!</p> <p>To help you with choosing a pub package or plugin, the number of likes will be shown behind them. If the plugin is a <i>"Flutter Favorite"</i>, the thumbs up icon is highlighted.</p> <p> <img src="https://i.imgur.com/cS4TpVg.png" width="400" alt="Autocomplete pub packages screenshot"/> <p> <h3>Update Pub Packages</h3> <p>Whenever there's a new version available for a package, it will tell you. Just press <code>alt+⮐</code> or <code>⌥+⮐</code> and choose <em>"Update package"</em>.</p> <p> <img src="https://i.imgur.com/a1AgcP3.png" width="400" alt="Update pub packages screenshot"/> <p> <h3>View Pub Package's Documentation</h3> <p>Just hover over the package's name in the pubspec.yaml - it's as easy as that!</p> <p> <img src="https://i.imgur.com/gvbceOC.png" width="400" alt="View package's documentation screenshot"/> <p> <h3>View Pub Package's Changelog</h3> <p>You want to update a package but don't know what has changed in the meantime?</p> <p>No problem! Just hover over its version number to view the changelog.</p> <p> <img src="https://i.imgur.com/1k40iSC.png" width="400" alt="View package's changelog screenshot"/> <p> <h3>Open a package's page on pub.dev</h3> <p>No more need to copy a package's name and pasting it into the searchbar on pub.dev!</p> <p>No you can just get there by pressing <code>ctrl+B</code> or <code>⌘+B</code> while the cursor is on the package's name.</p> <p>

Editor Features

<h3>Parameter Name Hints</h3> <p>When opting for non-named parameters, the plugin supports you by displaying parameter names alongside matching arguments during method calls.</p> <p> <img src="https://i.imgur.com/Y7lgwq5.png" width="400" alt="Parameter name hints screenshot"/> <p> <h3>Variable Type Hints</h3> <p>Show the type of variable as an inlay hint next to it.</p> <p>Use the toggle in the settings (<i>Editor | Inlay Hints | Types | Dart</i>) to show it before or after the variable's name.</p> <p> <img src="https://i.imgur.com/PhHQxkv.png" width="400" alt="Variable type hints screenshot"/> <p> <h3>Insights of Usages, Implementations and Code Contributors</h3> <p>Gain visibility into the frequency of usage for your classes, functions, and variables within your codebase and track code contributors effortlessly for VCS-enabled projects.</p> <p> <img src="https://i.imgur.com/8dADwDK.png" width="400" alt="See insights of usages and code contributors"/> <img src="https://i.imgur.com/hSEKvXH.png" width="400" alt="See insights of usages and code contributors"/> <p> <h3>Quickly make classes, functions and variables private or public</h3> <p>For all of you who got tired pressing <code>⇧+F6</code> and adding or removing the underscore: You're finally redeemed!</p> <p>Just use <code>alt+⮐</code> or <code>⌥+⮐</code> to make it private or public.</p> <img src="https://i.imgur.com/kfvT5FT.png" width="400" alt="Quickly make classes, functions and variables private or public"/> <p> <h3>Extract widgets to a new file</h3> <p>Just use <code>ctrl+alt+E</code> or <code>⌘+⌥+⮐</code> to extract the widget to a new file.</p> <p> <h3>Generate Widgets</h3> <p>When creating a new file, choose the <em>"New Flutter Widget"</em> option. Enter the name for your widget and select its type.</p> <p> <img src="https://i.imgur.com/FKQtOVa.png" width="400" alt="Generate widgets screenshot"/> <p> <h3>Easily navigate around</h3> <p>Shows breadcrumbs in your editor to easily navigate through Dart files.</p> <p> <img src="https://i.imgur.com/fN1TVOo.png" width="400" alt="Dart breadcrumb navigation support"/> <p> <h3>Dart & Flutter Code Snippets</h3> A bunch of snippets/LiveTemplates for quicker coding. Use <code>ctrl+Q</code> or <code>F1</code> when hovering over a snippet to get a preview of it.<br> <ul> <li>Dart snippets (<a href="https://github.com/marius-h/flutter_enhancement_suite/blob/master/SNIPPETS.md#dart-code-snippets">Show snippets</a>)</li> <li>Flutter snippets (<a href="https://github.com/marius-h/flutter_enhancement_suite/blob/master/SNIPPETS.md#flutter-widget-snippets">Show snippets</a>)</li> <li>Flutter Hooks snippets (<a href="https://github.com/marius-h/flutter_enhancement_suite/blob/master/SNIPPETS.md#flutter-hooks-snippets">Show snippets</a>)</li> </ul> <p> <h3>Icon Previews</h3> <p>Preview icons from different icon packs in the sidebar.<br>

<strong>Please note:</strong> This requires you to add the package <a href="https://pub.dev/packages/flutter_vector_icons">flutter_vector_icons</a> to your pub dependencies. The only compatible iconpacks for now are FontAwesome, Ionicons and MaterialCommunityIcons.</p>

:arrow_down: How to install?

You can install plugin directly from IntelliJ IDEA or Android Studio:

Open Preferences
Choose Plugins
Select the Marketplace tab
Search for Flutter Enhancement Suite
Click on install

:card_file_box: How can I contribute to this plugin?

Create a bug report when accounting a bug
Create a feature request
Open up a pull request