代码如诗，而我正站在鸿蒙的起点，准备写下一行新的韵律。

前言

缘起：那个熟悉的钓鱼云助手

最近一直在为“钓鱼云助手”添砖加瓦。这是一个可以帮助钓友们寻找钓点、分享渔获的小程序，整体功能进入测试阶段，准备上线。

而今天，我决定开启一段全新的旅程——将钓鱼云助手带到鸿蒙的世界。

启程：说干就干

AI时代，样式有了，后端接口有了，我想这应该不难，于是乎，这个系列就这样诞生了。毕竟现在是一个产品经理就可以开发一个项目的时代。“AI即将干掉研发AI的程序员”都快成为一个口号了。

整个系列将围绕“钓鱼云助手”，从项目搭建开始记录，希望可以帮助到即将选择鸿蒙的小伙伴们。

正文开始

1. 环境搭建

关于鸿蒙ide软件的安装，这里直接跳过了，需要的朋友可以前往鸿蒙开发社区下载。

下载链接https://developer.huawei.com/consumer/cn/deveco-studio/

1. 首先，我们需要创建一个鸿蒙项目。

2. 因为我计划使用ArkUI，我这里选择了ArkUI-X的一个模板。

3. 进入配置工程界面，配置我们对应的信息。其中Compatible SDK表示API Version，这里选择了最新的6.0.0版本，实际开发可以选低一点版本。

4. 单击Finish，初次配置，需要下载ArkUI-X的SDK组件。

5. 一直Next，等待项目创建完成即可。

2. 初入鸿蒙

1. 关于项目各个模块的介绍，核心的我这里罗列一下。

fishing_cloud/
├── entry/src/main/
│   ├── ets/                 # 代码区
│   │   ├── fishingability/  # 应用入口
│   │   └── pages/           # 页面
│   ├── resources/           # 资源文件
│   └── module.json5         # 模块配置文件
├── build-profile.json5      # 构建配置
└── hvigorfile.ts            # 构建脚本

官方给出了详细的介绍，这里直接引用一下。也可以前往社区文档查看：

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/start-with-ets-stage

• AppScope > app.json5：应用的全局配置信息，详见app.json5配置文件。
• entry：HarmonyOS工程模块，编译构建生成一个HAP包。
  • src > main > ets：用于存放ArkTS源码。
  • src > main > ets > entryability：应用/服务的入口。
  • src > main > ets > entrybackupability：应用提供扩展的备份恢复能力。
  • src > main > ets > pages：应用/服务包含的页面。
  • src > main > resources：用于存放应用/服务所用到的资源文件，如图形、多媒体、字符串、布局文件等。关于资源文件，详见资源分类与访问。
  • src > main > module.json5：模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。具体的配置文件说明，详见module.json5配置文件。
  • build-profile.json5：当前的模块信息 、编译信息配置项，包括buildOption、targets配置等。
  • hvigorfile.ts：模块级编译构建任务脚本。
  • obfuscation-rules.txt：混淆规则文件。混淆开启后，在使用Release模式进行编译时，会对代码进行编译、混淆及压缩处理，保护代码资产。详见开启代码混淆。
  • oh-package.json5：用来描述包名、版本、入口文件（类型声明文件）和依赖项等信息。
• oh_modules：用于存放三方库依赖信息。
• build-profile.json5：工程级配置信息，包括签名signingConfigs、产品配置products等。其中products中可配置当前运行环境，默认为HarmonyOS。
• hvigorfile.ts：工程级编译构建任务脚本。
• oh-package.json5：主要用来描述全局配置，如：依赖覆盖（overrides）、依赖关系重写（overrideDependencyMap）和参数化配置（parameterFile）等。

2. 看一下运行的效果，项目创建完成会帮我们自动生成一个包含Hello World的Index.ets的文件。【经典依旧是经典】我们点击编辑器右侧的小眼睛，可以看到运行的效果。

3. AI辅助工具

不知道大家是否使用AI辅助编程。这里必须要介绍下鸿蒙AI辅助工具CodeGenie。因为博主也是出入鸿蒙，不算小白，也近似小白。因为开发过程中可能存在一些语法不是很熟悉，bug修复，UI框图代码生成等，这里使用CodeGenie进行辅助开发。

具体功能这里不展开介绍了，后续的文章中会根据场景介绍如何使用CodeGenie快速辅助我们开发应用。

4. 文章规划

工欲善其事，必先利其器。

本文介绍了创建我们【钓鱼云助手】的基础项目。后面我们将开始开发【钓鱼云助手】的项目，当然如果有喜欢钓鱼的小伙伴也可以参与进来。让我们【爱好-学习】相结合。一起探讨鸿蒙技术的同时，也可以探讨钓技！

就目前小程序的功能，我简单的展开说说后续的文章将会涉及到的功能和页面.

首先是4个底部导航栏，分别是：首页、钓点、渔乐圈、我的。

文章主要展示页面样式的布局，以及如何使用ArkUI去构建页面。

4.1 首页

首页构图大致同小程序。如下图所示：

4.2 钓点

钓点展示分为两种模式，一种是地图，一种是列表。

因地图小程序直接使用了组件，这里先实现列表展示，后续调研后，再添加地图模式。

4.3 渔乐圈

渔乐圈是一个类似朋友圈的功能，用户可以在这里分享渔货。功能还在设计中，后续看时间是否展现这块功能。

4.4 我的

我的页面就是个人中心，大体功能如下