《鸿蒙 + Flutter 实战:GitCode 口袋工具开发中遇到的问题解决方法》
项目定位:轻量级 GitCode 鸿蒙客户端,覆盖搜索 / 仓库浏览核心功能开发目标:基于 Flutter 适配鸿蒙系统,实现单代码跨端搞定鸿蒙 Flutter 开发的「环境配置 / 构建部署 / 常见坑」效果预览:模拟器中应用最终界面。
因为是新手小白,我的主要流程是跟着这篇博客来进行的https://blog.csdn.net/yuminghao_/article/details/155501146?spm=1001.2014.3001.5502
但进行的期间遇到一些问题,至此,这篇介绍我所遇到的问题以及我的解决方法。
一、开篇:项目介绍与目标
- 项目定位:轻量级 GitCode 鸿蒙客户端,覆盖搜索 / 仓库浏览核心功能
- 开发目标:
- 基于 Flutter 适配鸿蒙系统,实现单代码跨端
- 搞定鸿蒙 Flutter 开发的「环境配置 / 构建部署 / 常见坑」
- 效果预览:模拟器中应用最终界面

二、环境准备:Flutter + 鸿蒙开发环境搭建
2.1 Flutter 环境初始化
- 项目创建(PowerShell 命令):
powershell
flutter create gitcode_pocket_tool cd gitcode_pocket_tool - 环境检查:执行
flutter doctor修复依赖
如图所示即为成功
![]()
一定要显示出来这一个,不然flutter run 的时候会出现以下画面
根据ai的提示尝试过多种办法也没得到解决,我的建议是彻底删除git在重新下载到一个文件名不是中文名字的文件中

如遇以上问题我的建议是删除Git再重新下载,并且是彻底删除,不然安装路径还是第一次的路径

2.2配置项目依赖
1.编辑 pubspec.yaml
打开 pubspec.yaml 文件,修改为以下内容:
name: gitcode_pocket_tool
description: "GitCode 口袋工具 - 一个轻量级的 GitCode 客户端"
publish_to: 'none'
version: 1.0.0+1
environment:
sdk: '>=3.6.2 <4.0.0'
dependencies:
flutter:
sdk: flutter
# 网络请求
dio: ^5.7.0
# 下拉刷新 & 上拉加载
pull_to_refresh: ^2.0.0
# URL 启动器
url_launcher: ^6.3.1
# 路由管理
go_router: ^14.6.2
# 图标
cupertino_icons: ^1.0.8
dev_dependencies:
flutter_test:
sdk: flutter
flutter_lints: ^5.0.0
flutter:
uses-material-design: true
# 添加资源文件(我们后续会用到)
assets:
- assets/images/
2.安装依赖
你会看到所有依赖包被下载安装。
三、创建项目结构
https://blog.csdn.net/yuminghao_/article/details/155501146?spm=1001.2014.3001.5502
如文章以下步骤所示,可以直接复制文章中的代码,但是需要更改路径,路径为你项目创建的地方,也是你终端显示的地方
![]()

如果报错可以让ai帮你修复好错误在复制过去,但是如果ai说代码没有问题,就要根据你文件创建的路径在此电脑中找到并且使用VS code更改。直接将你原本的代码复制过去就可以。

2.运行并测试
flutter run

根据红色的字完成签名
是打开你的gittub-pocket-too里面的ohos
更多推荐




所有评论(0)