从零开始:创建第一个鸿蒙应用程序

这是一个使用鸿蒙技术开发的本地原生记账应用,非常适合大家用来练手。相关源码已上传至 Github,点击此处查看项目。欢迎大家交流、指正,也欢迎提交 PR。

一、引言

欢迎来到鸿蒙开发的世界!本教程将带你从零开始,一步步创建并运行你的第一个鸿蒙应用程序。我们将以最简洁的方式,完成从环境准备到项目运行的全流程。

二、准备工作:安装鸿蒙开发工具

在开始编码之前,我们需要先安装鸿蒙的官方开发工具------DevEco Studio

  1. 访问华为开发者官网,下载最新版本的 DevEco Studio
  2. 按照 安装向导 的提示,完成工具的安装。
  3. 安装完成后,启动 DevEco Studio。

三、创建你的第一个项目

工具安装并启动后,我们就可以开始创建项目了。

  1. 在 DevEco Studio 的欢迎界面,点击 Create Project(创建项目)。
  2. 在项目模板选择界面,选择 Empty Ability (空模板),然后点击 Next(下一步)。
  1. 接下来,配置项目的基本信息:
    • Project Name (项目名称):为你的项目起一个名字,例如 MyFirstApp
    • Save Location (存储位置):选择一个空目录作为项目的保存位置。注意: 所选目录必须为空,否则可能导致项目创建失败。
    • SDK:在 SDK 选择中,勾选最新的 API 版本。如果遇到问题,可以稍后根据提示解决。
    • Device Type (设备类型):选择 Phone(手机),这是最常用的开发目标。
  1. 确认信息无误后,点击 Finish(完成)。工具会自动创建一个示例项目。

四、预览你的第一个程序

项目创建完成后,DevEco Studio 会自动打开项目。现在,让我们来预览它。

  1. 在 DevEco Studio 的左侧项目面板中,找到并点击 Previewer(预览器)标签页。
  2. 点击预览器中的运行按钮,工具会编译并启动一个模拟器来展示示例程序。
  3. 稍等片刻,你就能在预览器中看到你的第一个鸿蒙应用程序了。

五、总结

恭喜!你已经成功创建并预览了你的第一个鸿蒙应用程序。虽然目前只是一个示例项目,但这标志着你已经迈出了鸿蒙开发的第一步。接下来,你可以尝试修改代码,探索更多功能,开启你的鸿蒙开发之旅。

相关推荐
钛态9 小时前
Vite 中的 CSS 工程化:从 CSS Modules 到 UnoCSS 的渐进式迁移
前端·vue·react·web
Csvn11 小时前
原型链、this 与闭包内存:三座深水区一次打通(含内存泄漏排查实战)
前端·javascript
葡萄城技术团队11 小时前
如何通过 JSON 数据源 / Web API 快速构建轻量级报表(Report)?
前端·json·原型模式
浪兎兎11 小时前
【Java Web】Servlet + JSP 笔记
java·前端·servlet
Patrick_Wilson12 小时前
iOS Safari Clipboard API 权限弹窗问题
前端·ios·safari
OpenTiny社区13 小时前
Naive UI × GenUI SDK:自定义物料库搭建实战
前端·ai编程
kyriewen13 小时前
我拿 4 个真实前端任务试了 GLM-5.3 Flash:代码一遍跑通,账单 4 分钱
前端·程序员·ai编程
IT_陈寒13 小时前
Vue的响应式更新有时候真的不听话
前端·人工智能·后端
风骏时光牛马13 小时前
AI编程常见问题梳理与要点解析
前端
前端snow13 小时前
ai agent -- LCEL 汇总
前端