theWiseFramework

Code Extension for Flutter

Flutter Wise

Flutter Wise combines workspace setup automation, module scaffolding for a lib/modules architecture, Android device discovery and wireless ADB pairing tools, and a Flutter-focused icon theme and dark theme.

Install via MarketplaceFind on Open VSXView on GitHub
Flutter Wise logo

Built For Daily Flutter Workflows

  • Setup and clean up workspace preferences safely
  • Scaffold modules under lib/modules in seconds
  • Handle wireless ADB pairing from inside VS Code
  • Use Flutter Wise Icons + Dark Theme together or separately

At a glance

What Flutter Wise combines

Workspace Setup Automation

Configure excludes and workspace preferences in one command, with a safe undo path.

Module Scaffolding

Generate starter files for a clean lib/modules architecture with consistent naming.

Android Device Tools

Check ADB, list devices, and connect over wireless debugging from the sidebar.

Theme + Icon Pack

Use Flutter Wise Dark Theme and Flutter Wise Icons independently or via setup.

Features

Detailed capabilities

Workspace Setup (and Undo)

Flutter Wise: Setup Workspace

  • Applies recommended files.exclude and search.exclude patterns for Flutter projects.
  • Marks the workspace as initialized.
  • Switches to Flutter Wise icon theme (configurable).
  • Stores your previous icon theme for later restore.

Run Flutter Wise: Undo Workspace Setup to remove only the patterns and icon-theme changes added by Flutter Wise.

Create Flutter Module

Flutter Wise: Create Flutter Module

  • Run it by right-clicking lib/modules.
  • Creates model/<name>_model.dart, controller/<name>_ctrl.dart, view/pages/<name>_page.dart, routes.dart, and <name>.dart barrel.
  • Appends an export entry to lib/modules/modules.dart when missing.

Devices Sidebar (ADB)

Flutter Wise: Connect Device

  • Provides ADB status checks and connected device list in the Flutter Wise activity bar view.
  • Includes connection actions: Connect by IP, Connect by Pairing Code, Connect by QR, and Refresh.
  • QR flow opens a webview panel, waits for mDNS pairing discovery, runs adb pair, then attempts automatic adb connect.

Theme and Icon Theme

Flutter Wise: Setup Workspace

  • Ships with Flutter Wise Dark Theme.
  • Ships with Flutter Wise Icons.
  • Use them independently, or let workspace setup apply icon theme automatically.

Commands

Flutter Wise: Setup Workspace
Flutter Wise: Undo Workspace Setup
Flutter Wise: Create Flutter Module
Flutter Wise: Refresh Devices
Flutter Wise: Connect Device
Flutter Wise: Connect Device by IP
Flutter Wise: Connect Device by QR
Flutter Wise: Connect Device by Pairing Code

Requirements

  • VS Code 1.109.0 or newer
  • Flutter project/workspace
  • Android platform-tools (adb) installed for device features

adb Resolution Order

  1. 1ANDROID_SDK_ROOT / ANDROID_HOME
  2. 2VS Code settings: android.androidSdkPath or flutter.androidSdkPath
  3. 3macOS default: ~/Library/Android/sdk
  4. 4PATH fallback (adb)

Extension Settings

flutterWise.autoExcludeGeneratedFiles

default: true

flutterWise.useIconTheme

default: true

flutterWise.preferredIconThemeId

default: flutter-wise-icons

Internal state tracking

  • flutterWise.initialized
  • flutterWise.appliedFilesExclude
  • flutterWise.appliedSearchExclude
  • flutterWise.previousIconTheme

Installation

Get Flutter Wise in your editor

Visual Studio Marketplace

  1. 1.Open Extensions in VS Code.
  2. 2.Search for Flutter Wise.
  3. 3.Click Install.

Open VSX

  1. 1.Open extensions in your Open VSX-based editor (for example, VSCodium).
  2. 2.Search for Flutter Wise.
  3. 3.Click Install.

Notes

  • Module creation is intentionally limited to lib/modules.
  • The Shortcuts sidebar exists and is marked as coming soon.

License

MIT