【01】优雅草星云物联网AI智控系统从0开发鸿蒙端适配完成流程-初始化鸿蒙编译器deveco studio项目结构-UI设计图切片下载-优雅草卓伊凡
项目背景
本项目渊源已久，优雅草2025年发布，PC端已经发布，将在4月完成成品发布，目前由于考虑到鸿蒙端用户使用，毕竟新一代纯血鸿蒙harmonyos next已经不再支持安卓android，因此优雅草团队必须考虑把鸿蒙端也开发上，以下实战过程完整记录了整个开发过程，优雅草卓伊凡审核代码，记录并更新，再次感谢优雅草团队所有同事们的努力，鸿蒙端为了加速鸿蒙生态已经开源地址供查看，关于优雅草星云物联网AI智控系统可以关注优雅草官网。
项目开源代码地址
https://gitee.com/youyacao/axharmonyos
鸿蒙端运行环境
deveco 5.0.4版本
实战过程
第一步新建项目以及下载环境等就不用多讲了，此前的文章已经反复写过，
import { HomeView } from '@wcmzllx/component-library'; import { navStackUtils } from '@wcmzllx/utils-library'; @Entry @ComponentV2 struct Index { @Local message: string = 'Hello World'; private indexNavStack: NavPathStack = new NavPathStack(); build() { Navigation(this.indexNavStack) { Column(){ HomeView() } .justifyContent(FlexAlign.Center) .height('100%') .width('100%') } .hideTitleBar(true) .hideToolBar(true) .mode(NavigationMode.Stack) } aboutToAppear(): void { navStackUtils.init(this.indexNavStack) } }
新建项目后hello word页面便已经有了
其次切片的ui图上面已经发布了，这是我们ui设计师独立设计的ui图，我们当然也只看移动端，我们对应都下载下所有的切片，下一步我们正式进行第一个页面的开发。
另外我们一定是下载最新的版本
https://developer.huawei.com/consumer/cn/deveco-studio/
记住我们下载的是deveco-studio 鸿蒙的编译器太多了，我们采用的是deveco
版本要适配，太低级的东西我们本章就不讲了，也就是创建初始环境。
