Flutter插件cherry的介绍与使用

Cherry

Dart CLI模板生成器和Flutter包管理器，用于生成MVC、MVVM和MVU模式。

当前支持的命令列表

使用方式：Cherry [arguments]

Global options:
-h, --help       打印此使用信息。
-v, --version

可用命令：
  create     创建一个新的Cherry Picked Flutter项目。
  generate   根据选项创建视图（View）、视图模型（ViewModel）、控制器（Controller）、小部件（Widget）或存储库（Repository）。
  install    安装（或更新）新的包或多个包。
  start      为您的项目创建一个基本结构（确认“lib”文件夹中没有数据）。

使用示例

以下是一个完整的示例，展示如何使用cherry插件来快速构建一个简单的Flutter项目。

1. 安装Cherry插件

首先，确保您的系统已安装Flutter SDK。然后通过以下命令安装cherry插件：

dart pub global activate cherry

2. 创建一个新的Flutter项目

使用create命令创建一个新的Flutter项目：

cherry create my_flutter_app

这将在当前目录下创建一个名为my_flutter_app的新项目，并包含基本的Flutter项目结构。

3. 启动项目

进入项目目录并启动项目：

cd my_flutter_app
flutter run

您应该会看到一个默认的Flutter启动页面。

4. 添加一个新页面

使用generate命令添加一个新的页面。例如，我们创建一个名为about_page的页面：

cherry generate view AboutPage

这将在lib文件夹中生成一个名为about_page.dart的文件，包含一个基本的StatefulWidget。

about_page.dart 文件内容：

import 'package:flutter/material.dart';

class AboutPage extends StatefulWidget {
  @override
  _AboutPageState createState() => _AboutPageState();
}

class _AboutPageState extends State<AboutPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('关于'),
      ),
      body: Center(
        child: Text('这是关于页面'),
      ),
    );
  }
}

5. 更新路由以导航到新页面

打开main.dart文件，并在routes中添加对AboutPage的支持：

import 'package:flutter/material.dart';
import 'package:my_flutter_app/about_page.dart'; // 导入新页面

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      initialRoute: '/',
      routes: {
        '/': (context) => MyHomePage(),
        '/about': (context) => AboutPage(), // 添加新页面路由
      },
    );
  }
}

6. 运行项目并测试新页面

重新运行项目，并导航到/about路径以查看新页面：

flutter run