Flutter项目配置-1-初始化项目

建议先将Flutter官方文档过一遍，本系列教程 Flutter SDK >= 3.10.0

一、初始化

1. flutter create lhdht_flutter_app
2. Windows建议使用 Android Studio 进行开发，Mac建议使用XCode进行开发
3. 本系列将采用flutter for web的形式进行开发，套路适用于:
   • flutter for android
   • flutter for ios

二、拆分目录

项目lib目录下创建如下目录：
- components ------ 公共组件
- layouts ----- 可复用布局组件
- pages ----- 页面级组件
- routes ----- 路由
- api ----- api请求
- store ----- 状态管理
- utils ----- 工具
- types ----- 封装的类型

看到这里，做前端的小伙伴们是不是感觉很熟悉，没错，还是原来的配方原来的味道

三、拆分配置

拆分main.dart， 将根组件拆分到app.dart

// app.dart
import 'package:flutter/material.dart';

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp.router();
  }
}

// main.dart
import 'package:flutter/material.dart';
import 'package:lhdht_flutter_app/app.dart';

void main() {
  // 注册AppEntrance
  runApp(const AppEntrance());
}

到这里基本的项目结构就拆分出来了，请关注后续的教程…………