Flutter初始化配置插件init_pro的使用

init_pro是一个命令行工具，旨在简化和加速Flutter项目中的重复任务。它支持干净架构（Clean Architecture）和组件生成，旨在提升开发工作流程。

特性

• 设置干净架构文件夹结构（数据层、领域层和表示层）。
• 生成常见的Flutter组件，如按钮、文本字段、对话框等。
• 添加常用的实用程序，如验证器、格式化器等。
• 管理依赖项并确保项目的顺利设置。
• +25个预构建的Flutter组件以加快开发速度。

安装

方法一：通过命令行添加到项目依赖中

flutter pub add dev:init_pro

方法二：全局激活CLI工具

dart pub global activate init_pro

方法三：手动添加到pubspec.yaml文件中

dev_dependencies:
  init_pro: ^0.1.0

然后运行以下命令：

flutter pub get

使用方法

在Flutter项目的目录下运行init_pro命令：

命令列表

初始化干净架构

设置带有数据层、领域层和表示层的干净架构文件夹结构。

dart pub run init_pro init

生成新功能

生成一个带有三层架构的新功能及其所需文件。

dart pub run init_pro create-feature <feature-name>

例如，创建一个名为authentication的功能：

dart pub run init_pro create-feature authentication

添加组件

生成常见的Flutter组件，如按钮、对话框等。

dart pub run init_pro add-component <component-name>

例如，添加一个可自定义的按钮组件：

dart pub run init_pro add-component elevated-button

显示帮助信息

显示帮助和使用信息。

dart pub run init_pro --help

示例工作流

1. 初始化项目

首先为你的Flutter项目设置干净架构：

dart pub run init_pro init

2. 添加新功能

生成一个具有三层架构的新功能文件夹：

dart pub run init_pro create-feature authentication

3. 生成可重用组件

添加一个预构建且可自定义的Flutter组件，如按钮或文本字段：

dart pub run init_pro add-component elevated-button

完整示例Demo

假设我们要创建一个简单的登录功能，并为其添加一些组件。以下是步骤：

步骤1：初始化项目

dart pub run init_pro init

步骤2：创建登录功能

dart pub run init_pro create-feature login

步骤3：添加按钮组件

dart pub run init_pro add-component elevated-button

登录页面示例代码

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Login Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: LoginPage(),
    );
  }
}

class LoginPage extends StatefulWidget {
  [@override](/user/override)
  _LoginPageState createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  final _formKey = GlobalKey<FormState>();

  String _email = '';
  String _password = '';

  void _submitForm() {
    if (_formKey.currentState.validate()) {
      // 在这里处理表单提交逻辑
      print('Email: $_email, Password: $_password');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Login'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Form(
          key: _formKey,
          child: Column(
            children: <Widget>[
              TextFormField(
                decoration: InputDecoration(labelText: 'Email'),
                validator: (value) {
                  if (value.isEmpty) {
                    return 'Please enter your email';
                  }
                  return null;
                },
                onSaved: (value) => _email = value,
              ),
              TextFormField(
                decoration: InputDecoration(labelText: 'Password'),
                obscureText: true,
                validator: (value) {
                  if (value.isEmpty) {
                    return 'Please enter your password';
                  }
                  return null;
                },
                onSaved: (value) => _password = value,
              ),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: _submitForm,
                child: Text('Login'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}