Flutter临时数据生成插件provider_temp_gen的使用

Flutter临时数据生成插件provider_temp_gen的使用

provider_temp_gen 是一个用于快速生成 Flutter 项目模板的插件。通过该插件，你可以在指定路径下生成包含预定义结构的文件夹，从而加速开发过程。

安装（适用于 Windows 和 Mac）

首先，你需要全局安装 provider_temp_gen 插件。打开终端或命令提示符，并运行以下命令：

dart pub global activate provider_temp_gen

使用

使用 provider_temp_gen 命令可以生成不同类型的模板文件。以下是基本用法：

provider_temp_gen -t 选择模板(stateless/statefull) -n 名称(必须是首字母小写,只能小写+下划线) 
provider_temp_gen -n xxx (不选择模板默认InitBaseStatelessWidget,ps:需要集成provider_base_tools插件)

示例

假设你想生成一个名为 test_page 的 Stateless Widget，你可以执行以下命令：

provider_temp_gen -t stateless -n test_page

执行结果将类似于：

file generated ==> ./test_page/test_page.dart
file generated ==> ./test_page/bean/bean.dart
file generated ==> ./test_page/model/model.dart
file generated ==> ./test_page/model/model_condition.dart
file generated ==> ./test_page/page/view.dart
file generated ==> ./test_page/page/widget.dart
successfully

参数解析

下面是 provider_temp_gen 命令的详细参数说明：

完整示例 Demo

以下是一个完整的示例，演示如何使用 provider_temp_gen 插件生成一个 Stateless Widget 并查看生成的文件结构。

步骤 1: 安装插件

在终端中运行以下命令来安装插件：

dart pub global activate provider_temp_gen

步骤 2: 生成模板

在终端中运行以下命令来生成一个名为 test_page 的 Stateless Widget：

provider_temp_gen -t stateless -n test_page

步骤 3: 查看生成的文件

执行上述命令后，你会看到类似以下输出：

file generated ==> ./test_page/test_page.dart
file generated ==> ./test_page/bean/bean.dart
file generated ==> ./test_page/model/model.dart
file generated ==> ./test_page/model/model_condition.dart
file generated ==> ./test_page/page/view.dart
file generated ==> ./test_page/page/widget.dart
successfully

文件结构

生成的文件结构如下所示：

./test_page/
├── test_page.dart
├── bean/
│   └── bean.dart
├── model/
│   ├── model.dart
│   └── model_condition.dart
└── page/
    ├── view.dart
    └── widget.dart

生成的文件示例

• test_page.dart

  import 'package:flutter/material.dart';
  import 'package:provider/provider.dart';
  
  // 自定义的 State 类
  class TestPageState extends State<TestPage> {
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: Text('Test Page'),
        ),
        body: Center(
          child: Text('Hello, world!'),
        ),
      );
    }
  }
  
  // 自定义的 StatelessWidget 类
  class TestPage extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return ChangeNotifierProvider(
        create: (_) => TestPageState(),
        child: TestPageState(),
      );
    }
  }
  

• bean/bean.dart

  // 示例 Bean 类
  class Bean {
    final String name;
    final int age;
  
    Bean({required this.name, required this.age});
  }
  

• model/model.dart

  // 示例 Model 类
  class Model {
    final String data;
  
    Model({required this.data});
  }
  

• model/model_condition.dart

  // 示例条件 Model 类
  class ModelCondition {
    final bool condition;
  
    ModelCondition({required this.condition});
  }
  

• page/view.dart

  // 示例 View 类
  class View extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Container(
        child: Text('View Component'),
      );
    }
  }
  

• page/widget.dart

  // 示例 Widget 类
  class WidgetComponent extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Container(
        child: Text('Widget Component'),
      );
    }
  }