🦋 Flutter Asset Manager
A VS Code extension to help manage your Flutter project's assets.
It automatically updates your pubspec.yaml, previews images on hover, and warns you about missing asset references.
✨ Features
📂 Asset Tree Viewer
Adds a new "Flutter" view to the Activity Bar, showing all your asset folders and files in one place — with a handy refresh button.
⚙️ Automatic pubspec.yaml Updates
When you add a new directory to your assets/ folder (e.g., assets/icons/), the extension automatically finds your pubspec.yaml and adds the new path (assets/icons/) to the flutter.assets section.
🖼️ Image Hover Preview
Hover over an asset path string (e.g., 'assets/images/logo.png') in your Dart code to see an instant inline image preview.
🚨 Missing Asset Diagnostics
Highlights asset paths in your code that don't point to a real file in your workspace.
This helps you catch typos and broken asset links before running your app.
📋 Requirements
- You must have a Flutter project (containing a
pubspec.yaml file) open in your workspace.
- Your assets should be in a root folder named
assets/ (e.g., my_project/assets/).
⚙️ Extension Settings
This extension does not add any new VS Code settings.
🚀 Release Notes
0.0.1
- Initial release of Flutter Asset Manager
- Adds the Flutter Assets Tree View
- Adds automatic pubspec.yaml updates on new folder creation
- Adds image preview on hover
- Adds missing asset diagnostics for Dart files
💙 Enjoy!
Made for Flutter developers who want a smoother workflow 🧠✨
