虽然前两天环境搭建让人有点崩溃,但是本小鱼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.jsonpackage-lock.json:Node.js 项目的依赖配置文件,package.json 定义项目依赖的 Node 包,package-lock.json 锁定依赖包的具体版本,确保依赖安装的一致性。
  • pocket.iml:IDEA 系列 IDE 的模块配置文件,描述项目模块的结构和依赖。
  • pubspec.lockpubspec.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文档,里面详细介绍了使用的各个步骤,希望能给读者带来帮助。

有朋自远方来,当然要吃吃喝喝啦,昨天加班,今天吃喝玩乐,周一搞定网络封装,一起加油呀!

今日总结:学会使用工具,借助外力,事半功倍。

Logo

社区规范:仅讨论OpenHarmony相关问题。

更多推荐