Flutter数据分析插件mankeli_analysis的使用

Mankeli Software内部使用的静态分析工具集。

开始使用 🚀

1. 在pubspec.yaml文件中添加mankeli_analysis和dart_code_metrics作为开发依赖项：

dev_dependencies:
  dart_code_metrics: any
  mankeli_analysis: any

1. 运行flutter pub get以获取这些依赖项：

flutter pub get

1. 如果还没有创建，创建一个analysis_options.yaml文件在项目的根目录下：

touch analysis_options.yaml

1. 在analysis_options.yaml文件中添加以下内容：

include: package:mankeli_analysis/analysis_options.yaml

1. 现在你可以享受新的干净代码了！

示例代码

以下是一个简单的示例，展示了如何在Flutter应用中使用mankeli_analysis插件。

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 此小部件是您的应用程序的根。它是一个无状态小部件，意味着
  // 它的状态字段不会影响其外观。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 这是您的应用程序的主题。
        //
        // 尝试运行您的应用程序并使用"flutter run"命令。你会看到
        // 应用程序有一个蓝色的工具栏。然后，不退出应用程序，尝试
        // 将primarySwatch更改为Colors.green并重新加载（按控制台中的"r"键，
        // 或者在保存更改后直接重新加载）。请注意，计数器没有重置为零；
        // 应用程序没有被重新启动。
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  // 此小部件是您的应用程序的主页。它是有状态的，意味着
  // 它包含会影响其外观的状态字段。
  //
  // 这个类是状态的配置。它保存由父组件（在这个例子中是App小部件）提供的值
  // （在这个例子中是标题），并在构建方法中使用。
  // 小部件子类中的字段总是标记为"final"。

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      // 这次调用setState告诉Flutter框架某些东西已经改变，
      // 导致它重新运行构建方法以反映更新后的值。如果我们改变了
      // _counter而不调用setState()，则构建方法将不会再次运行，
      // 因此似乎什么都没有发生。
      _counter++;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    // 每次调用setState时都会重新运行此方法，
    // 如上面的_incrementCounter方法所示。
    //
    // Flutter框架已优化了重新运行构建方法的速度，
    // 所以您可以只重建需要更新的部分，而不是单独更改各个小部件。
    return Scaffold(
      appBar: AppBar(
        // 这里我们从MyHomePage对象中获取值，
        // 并将其用于设置我们的应用栏标题。
        title: Text(widget.title),
      ),
      body: Center(
        // Center是一个布局小部件。它接受单个子元素并将其
        // 在父元素中间定位。
        child: Column(
          // Column也是一个布局小部件。它接受一组子元素并
          // 将它们垂直排列。默认情况下，它会根据其子元素水平调整大小，
          // 并尽可能高。
          //
          // 调用"调试绘制"（在控制台中按"p"键，选择Android Studio中的"切换调试绘制"
          // 动作或Visual Studio Code中的"切换调试绘制"命令）
          // 可以查看每个小部件的线框图。
          //
          // Column有各种属性可以控制其自身大小及其子元素的位置。
          // 在这里，我们使用mainAxisAlignment来垂直居中子元素；主轴在这里是垂直方向，
          // 因为Column是垂直的（横轴将是水平方向）。
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Text(
              '你已经按了按钮这么多次：',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: '增加',
        child: const Icon(Icons.add),
      ),
    );
  }
}