Flutter创建项目
Flutter环境配置直接看文档,很详细,官方建议用stable
多用 flutter doctor -v 指令,看看是否有环境异常
网络的话,还是建议有科学工具,能省不少麻烦
项目目录结构个人觉得还是比较重要,方便维护和扩展,
Flutter 项目的目录结构通常具有以下常见组织：
-
android/：这个目录包含了与 Android 平台相关的代码，包括项目的 Android 应用模块、Gradle 构建脚本等。通常情况下，你不需要直接编辑这些文件，除非你需要进行特定的定制或集成。
-
ios/：类似地，这个目录包含了与 iOS 平台相关的代码，包括项目的 iOS 应用模块、Xcode 配置文件等。同样，你一般不需要直接编辑这些文件，除非你有特定的需求或定制。
-
lib/：这个目录是你主要编写代码的地方。它包含了 Dart 语言编写的源代码文件，包括应用程序的界面、逻辑、服务等。在这个目录下，通常会有一些子目录，如：
- lib/screens/：存放应用程序的不同屏幕页面。
- lib/models/：存放数据模型类。
- lib/utils/：存放通用的工具类和功能函数。
- lib/services/：存放网络请求、本地存储等服务类。
- 等等。
-
test/：这个目录包含了应用程序的单元测试和集成测试。在这个目录下，你可以编写各种测试来验证应用程序的各个部分是否按预期工作。
-
assets/：这个目录存放了应用程序使用的静态资源文件，如图像、字体、音频文件等。这些资源文件可以在应用程序中被引用和加载。
-
pubspec.yaml：这个文件是 Flutter 项目的配置文件，用于指定项目的依赖关系、版本信息、资源文件等。在这个文件中，你可以添加第三方包、配置应用程序的名称、描述、版本等信息。
当然可以分得更细节一下,可以参考一下:
lib/
|-- constants/ # 存放常量
| |-- app_constants.dart # 应用程序常量定义
| |-- api_constants.dart # API 地址常量定义
|
|-- models/ # 存放数据模型类
| |-- user.dart # 用户数据模型
| |-- post.dart # 帖子数据模型
|
|-- services/ # 存放服务类
| |-- api_service.dart # 处理网络请求的服务类
| |-- localization.dart # 处理多语言的服务类
|
|-- utils/ # 存放通用工具类
| |-- date_utils.dart # 日期时间处理工具类
| |-- logger.dart # 日志记录工具类
|
|-- widgets/ # 存放自定义小部件
| |-- custom_button.dart # 自定义按钮小部件
| |-- custom_dialog.dart # 自定义对话框小部件
|
|-- screens/ # 存放页面组件
| |-- home_screen.dart # 主页
| |-- profile_screen.dart# 用户个人资料页面
| |-- settings_screen.dart # 设置页面
|
|-- routes/ # 存放路由相关文件
| |-- app_router.dart # 应用程序路由配置
| |-- routes.dart # 页面路由映射
|
|-- locales/ # 存放多语言相关文件
| |-- en_US/ # 英文语言包
| | |-- translations.dart # 英文翻译
| |-- zh_CN/ # 中文语言包
| | |-- translations.dart # 中文翻译
|
|-- main.dart # 应用程序入口文件
|-- app.dart # 应用程序根组件
|-- app_localizations.dart # 多语言初始化
根据官网推荐,我也没用Android Studio了,用Visual Studio Code习惯上可能有些差异,但大体差不多,我是windows系统,如果项目不是原生性比较强,可以在windows上运行调试UI,还是挺方便,毕竟Android编译越来越吃性能了.
demo运行效果,文档中,标题Flutter Demo Home Page是居中的,我的是居左,emmmm,是macOS的原因,后面再看看
编译器的快捷键大同小异,熟悉快捷键,可以增加开发效率
以上
