Scaffold Generator for Dart and Flutter.

scaff is a simple command-line utility for generating Dart and Flutter components from template files. It is a very tedious job to keep replicating the boilerplate codes every time you try to add a new component in your app. Using scaff, you can generate dart or flutter components from the custom-defined templates. You can even include template variables in the component files and directories name for easy and flexible scaffolding.

scaff uses 'Mustache templating library' variable schemes for defining and processing the template files.

$ pub global activate scaff

$ pub global run scaff

Let us create a simple component. First of all, we need to create a working directory and it should contain a scaff.setup.json file. The scaff.setup.json file should contain all the template variables used in the working directory. The component subdirectories and files should be included inside the working directory. The files and directories name may contain template variables as well.

Template variable examples: {{var1}}, {{className}}Base, {{fileName}}_store

The example template directory structure:

component_templates │ └── general_store_architecture │ ├── scaff.setup.json │ └── {{componentName}} │ ├── {{componentName}}.dart │ └── {{componentName}}_store.dart

Create a new directory in the project root

$ mkdir -p component_templates/general_store_architecture $ cd component_templates/general_store_architecture

Create the component directory

$ mkdir {{componentName}} $ cd {{componentName}}

Create the component template file

$ touch {{componentName}}.dart

Add the code to {{componentName}}.dart file

import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import '../../data/mobx/{{componentName}}_store.dart'; class {{className}}Screen extends StatelessWidget { {{className}}Screen({ Key key, }) : super(key: key); @override Widget build(BuildContext context) { final {{componentName}} = Provider.of<{{className}}Store>(context); return Scaffold( body: Center( child: Column(), ), ); } }

Create the store template file

$ touch {{componentName}}_store.dart

Add the code to {{componentName}}_store.dart file

import 'package:mobx/mobx.dart'; abstract class {{className}}StoreBase with Store { @observable bool dummyValue = false; }

Create the scaff.setup.json file

$ cd .. $ touch scaff.setup.json

Add all the template variables used in the working directory to scaff.setup.json file as

{ "variables": ["componentName", "className"] }

cd into general_store_architecture folder.

$ pwd # it should be pointing to => /path/component_templates/general_store_architecture

Run scaff globally

$ pub global run scaff

You will be prompted to:

Enter source directory (/path/component_templates/general_store_architecture) » Enter destination directory (/path/component_templates/general_store_architecture/__component__) » Enter template extension (dart) » Enter 'componentName' variable value » login Enter 'className' variable value » Login

The destination directory will have the newly generated component. The destination directory structure:

└── login ├── login.dart └── login_store.dart

Buy me a coffee #

Help me keep the app FREE and open for all. Paypal me: paypal.me/ganeshrvel

Please feel free to contact me at ganeshrvel@outlook.com

scaff | Scaffold Generator for Dart and Flutter. MIT License.

Copyright © 2018-Present Ganesh Rathinavel