【开源鸿蒙Flutter跨平台开发学习笔记 】DAY03:了解网络接口
特性VS Code启动速度较慢快速内存占用较高较低功能完整性★★★★★★★★★☆学习曲线较陡峭相对平缓适合人群专业/全栈开发初学者/前端开发本小鱼当然选 Android studio + Flutter 插件啦,如图:pocket:项目名称,整体是一个 Flutter 工程。.dart_tool:Dart 工具链生成的缓存和配置文件夹,用于 Dart 相关的编译、分析等后台操作。.idea。
虽然前两天环境搭建让人有点崩溃,但是本小鱼7秒的记忆,现在依然干劲十足。继续开干,今日目标:了解flutter使用的网络库。
一、IDE选择
虽然不是技术小白,但是对Flutter开发还是无从下手,第一件事情就是不知道用哪个IDE开发😮💨,尽管项目已经分别在Android、iOS、鸿蒙上成功运行。还好,本小鱼知道借助外力,有问题当然DeepSeek一下啦,然后心情豁然开朗
1、🏆 主推荐:Android Studio / IntelliJ IDEA
优势
-
官方推荐:Google 官方首推的 Flutter 开发环境
-
功能完整:提供最全面的 Flutter & Dart 插件支持
-
智能提示:代码补全、重构、调试功能最完善
-
一体化:内置 Android 模拟器管理和设备调试
-
热重载支持:热重载/热重启操作最稳定
插件安装
-
Flutter 插件(自动包含 Dart 插件)
2、🥈 强烈推荐:Visual Studio Code (VS Code)
优势
-
轻量快速:启动和运行速度比 Android Studio 更快
-
扩展丰富:通过扩展可以获得几乎全部 Flutter 功能
-
配置简单:设置相对简单,适合初学者
-
跨平台:在所有操作系统上体验一致
必要扩展
-
Dart Code(已更名为 Flutter)
-
Flutter(官方扩展)
对比总结
|
特性 |
Android Studio | VS Code |
|---|---|---|
| 启动速度 | 较慢 | 快速 |
| 内存占用 | 较高 | 较低 |
| 功能完整性 | ★★★★★ | ★★★★☆ |
| 学习曲线 | 较陡峭 | 相对平缓 |
| 适合人群 | 专业/全栈开发 | 初学者/前端开发 |
本小鱼当然选 Android studio + Flutter 插件啦,如图:

重启IDE后,直接打开项目:

文件及目录介绍
1、项目根目录与核心文件夹
pocket:项目名称,整体是一个 Flutter 工程。.dart_tool:Dart 工具链生成的缓存和配置文件夹,用于 Dart 相关的编译、分析等后台操作。.idea:IDEA 系列 IDE(如 Android Studio)生成的项目配置文件夹,包含 IDE 的设置、运行配置等。android [pocket_android]:Android 平台的工程模块,用于针对 Android 设备的开发、编译和打包,里面包含 Android 项目的源代码、资源和配置文件。build:构建过程中生成的临时文件和编译产物的文件夹,比如编译后的 Dart 代码、资源文件的处理结果等。ios:iOS 平台的工程模块,用于针对 iOS 设备的开发、编译和打包,包含 iOS 项目的相关配置和代码结构。lib:Flutter 项目的核心源代码文件夹,开发者主要的 Dart 代码都写在这里:core:核心功能模块文件夹,通常存放全局配置、工具类、API 封装等基础代码。gitcode_api.dart:针对 GitCode 平台的 API 封装文件,用于处理与 GitCode 相关的网络请求。gitcode_api_axios.dart:可能是基于类似 “axios”(前端常用网络库)的风格封装的 GitCode API 工具类,用于统一管理网络请求逻辑。main.dart:Flutter 应用的入口文件,整个应用从这里启动,会定义根 Widget。
node_modules:通常是 Node.js 项目的依赖文件夹,但在 Flutter 项目中出现可能是因为该项目引入了一些需要 Node 环境的工具(比如前端相关的资源处理、脚本工具等)。ohos:OpenHarmony(鸿蒙)平台的工程模块,用于针对鸿蒙设备的开发。test:测试代码文件夹,用于编写单元测试、集成测试等,确保代码的稳定性。
2. 配置文件
.gitignore:Git 版本控制的忽略规则文件,指定哪些文件或文件夹不需要被 Git 跟踪。.metadata:Flutter 项目的元数据文件,记录项目的一些基础信息,由 Flutter 工具生成和维护。analysis_options.yaml:Dart 代码分析的配置文件,用于指定代码风格、静态分析规则等,帮助开发者保持代码质量。package.json、package-lock.json:Node.js 项目的依赖配置文件,package.json定义项目依赖的 Node 包,package-lock.json锁定依赖包的具体版本,确保依赖安装的一致性。pocket.iml:IDEA 系列 IDE 的模块配置文件,描述项目模块的结构和依赖。pubspec.lock、pubspec.yaml:Flutter 项目的依赖配置核心文件:pubspec.yaml用于声明项目依赖的 Flutter 包、Dart 包、资源(如图片、字体)等。pubspec.lock是pubspec.yaml依赖的锁定文件,记录依赖包的具体版本和依赖树,确保不同环境下依赖安装的一致性。
README.md:项目的说明文档,通常包含项目介绍、安装方法、使用说明等信息。
3. 其他
External Libraries:开发环境中显示的外部依赖库集合,比如 Flutter SDK、Dart SDK 以及项目依赖的各种包的源代码引用,方便开发者查看依赖的代码。Scratches and Consoles:IDE 中的 “草稿和控制台” 区域,用于临时编写代码片段、执行命令或查看控制台输出。
二、学习GitCode OpenAPI
注册GitCode账号,获取令牌,下面都有链接啦,请自行查阅。
注册与登录:https://docs.gitcode.com/docs/start/quick
获取令牌:https://gitcode.com/setting/token-classic
Open API 使用入门:https://docs.gitcode.com/docs/apis/
三、了解网络请求库:axios
参考文档:https://gitcode.com/GitHub_Trending/ax/axios?source_module=search_result_repo
虽然 开源小G提供了上述参考文档,但是本小鱼,技术渣渣,看了这个以后,依然不知道axios怎么用在flutter中。于是我找呀找,找到了flutter-axios文档,里面详细介绍了使用的各个步骤,希望能给读者带来帮助。
有朋自远方来,当然要吃吃喝喝啦,昨天加班,今天吃喝玩乐,周一搞定网络封装,一起加油呀!
今日总结:学会使用工具,借助外力,事半功倍。
更多推荐
所有评论(0)