Flutter Helper Extension
Flutter Helper is a Visual Studio Code extension that provides helpful commands and snippets to streamline the Flutter development process. Whether you're setting up a new project or integrating Firebase and notifications, this extension aims to speed up common Flutter tasks.
Features
Click ctrl+shift+p to use the features
1. Insert Basic main.dart
Quickly insert a basic Flutter main.dart
file with a simple app structure. Delete the given main.dart file
- Command:
RK Insert Basic Main dart file
2. Generate Flutter Project Structure
Automatically generate common project folders such as authscreens, mainscreen, themes, utility, services, and asset folders like images, animations, and fonts.
- Command:
RK Insert Flutter Project Structure
3. Install Firebase Dependencies
Easily install Firebase dependencies (firebase_core, firebase_auth, and cloud_firestore) and initialize Firebase in your main.dart.
- Command:
RK Connect Firebase Dependencies
4. Create Custom Flutter File
Create a Flutter .dart file in the desired folder inside lib with a custom StatefulWidget boilerplate.
- Command:
RK Create Dart File
5. Initialize Awesome Notifications
Install the required dependencies (awesome_notifications, firebase_messaging) and create a utility class with methods to handle notification events.
- Command:
RK Initialize Notifications
Followed by some snippets
6. Create Android key.properties
Generate an Android key.properties file with the necessary configurations for signing your Flutter app.
- Command:
RK Create Android Key Properties
Snippets
The extension includes snippets to quickly add Flutter and Android configuration code to your project:
Firebase Initialization
Insert Firebase initialization code in your main.dart
.
Awesome Notifications Initialization
Insert Awesome Notifications initialization code in your main.dart
.
Awesome Notifications Listeners Setup
Set up notification listeners for Awesome Notifications.
Set System Orientation to Portrait
Restrict app orientation to portrait mode.
App Icon Configuration (pubspec.yaml)
Set the app logo in pubspec.yaml
for both Android and iOS.
Android build.gradle Properties Import
Insert the necessary properties for signing configuration in Android build.gradle
.
- Prefix:
rkandroidproperties
Android Build Types Configuration
Insert build types configuration in build.gradle
for signing the app with release settings.
- Prefix:
rkandroidbuildtypes
Usage
Commands
- Insert Basic
main.dart
: Automatically creates a main.dart
file with a minimal app setup.
- Generate Project Structure: Creates standard folders and asset directories.
- Install Firebase Dependencies: Installs and initializes Firebase dependencies for your project.
- Create Flutter File: Quickly create a new
.dart
file with a customizable folder and filename.
- Initialize Awesome Notifications: Sets up Awesome Notifications with predefined listeners and classes.
- Create Android
key.properties
: Generates the key.properties
file to simplify the app signing process.
Snippets
Type the appropriate prefixes in your Dart or YAML files to quickly generate code for Firebase, Awesome Notifications, Android build files, and more.
Requirements
- Visual Studio Code
- Flutter SDK
- Dart SDK
- Flutter project workspace
Known Issues
- The extension assumes a standard Flutter project structure. Custom project structures may need manual adjustments.
- Ensure your project is open in VS Code with a valid folder.
Release Notes
1.0.0
- Initial release of Flutter Helper with Firebase, Awesome Notifications, and Android key configuration support.