如何从0开始在鸿蒙OS中制作一个APP！

点击“开发者技术前线”，选择“星标”

让一部分开发者看到未来

他来了他来了，他带着质疑走来了。无论怎么说，鸿蒙OS 2.0的发布对于程序员群体来说也应当是值得记住的时刻。毕竟有可能未来开发程序的时候，产品经理一定会问：兼容鸿蒙OS吗/p>

目前鸿蒙OS给大多数开发者的印象就是一个PPT系统。今天和同事们聊了聊鸿蒙OS发布，大多数人仍然持质疑的态度，似乎想要认真回答题主的问题，从0开始使用鸿蒙制作一个APP似乎是一个不错的想法。

我希望这个应用开发完成后，我和你都有了自己的答案。

「」

零、现阶段遇到的BUG汇总

• IDE — Project列表文件无法选中：可以选中文件夹，通过键盘操作移动到文件打开，但是有时候鼠标点击无法选中文件。比较频繁

• IDE — 初次运行IDE没有提示安装模拟器。

• 在Chrome浏览器环境下，DevEco调转到 页无法停留在授权页面，导致无法触发登录回调（可能也是首次登录才会这样）。

一、环境搭建

华为为HarmonyOS设计了专门的开发IDE：DevEco Studio，目前只支持Windows10，目前而言对于常年使用MacOS的前端不太友好，不过这不是问题，bootcamp启动（mac的双系统） ！

IDE压缩包616M

二、开发一个小的Demo

我们回归到题主的问题，这个系统的前景怎么样。这个问题说实话现在回答为时尚早，毕竟一个系统有没有前途，很多时候不是这个系统决定的。

但是有一点可以肯定，一个好的系统，其生态圈是相对容易建立的。简单来说，如果我这种没有接触过HarmonyOS的人也能快速开发一个App，那他至少已经在答题卡上涂过答案了。

让我们先写一个各大前端框架介绍特性时最常用的例子：TODO List2.1 创建 App点击Create HarmonyOS Project：目前看来HarmonyOS支持TV，Wearable，Lite Wearable三种设备，有点少，考虑到Huawei是中国公司，应该不存在翻译问题，所以可以说目前来看HarmonyOS不支持PC与Mobile产品。

到目前为止还比较顺畅，初学者也可以开启一个应用。

2.2 启动应用

2.3 新建一个有状态的List

我们先来明确一下这个小demo的需求：

• 一个有状态的List，能够勾选与取消想要完成的任务

• 能够新增新的任务

• 尽量多的调用系统API能力，肯能能调用 HarmonyOS 硬件的时间，声音， 络

• 测试css性能，能否支持一些CSS3的动画特性

• 调用一些HarmonyOS的分布式任务能力

我们先来测试一下HarmonyOS自带组件。List，华为在文档里提供了各组件的api，地址如下：

https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-container-list-0000000000611496

按照文档的例子，我们将中的页面代码简单修改一下