首页 智能家居

鸿蒙开发之旅:从零开始搭建 Hello World 应用

分类:智能家居
字数: (1481)
阅读: (3225)
内容摘要:鸿蒙开发之旅:从零开始搭建 Hello World 应用,

初次接触鸿蒙开发,很多同学遇到的第一个问题就是开发环境配置,尤其是运行第一个 Hello World 程序。本文将带你一步步搭建环境,并解决可能遇到的问题。

环境准备:工欲善其事,必先利其器

1. 硬件与软件需求

  • 操作系统: Windows 10 或以上(推荐),macOS 10.15 或以上,Linux (Ubuntu 20.04 LTS 或以上)。
  • CPU: Intel Core i5 或 AMD Ryzen 5 以上(推荐)。
  • 内存: 8GB RAM 以上(推荐)。
  • 硬盘: 50GB 可用空间以上(推荐使用 SSD)。
  • IDE: DevEco Studio 3.1 Release 或以上版本(必须)。
  • Java JDK: JDK 1.8 或 JDK 11(推荐 JDK 1.8)。
  • Node.js 和 npm: 推荐使用 Node.js 14.x 或 16.x 版本,npm 版本建议 6.x 或 7.x。

2. 安装 DevEco Studio

  1. 访问鸿蒙开发者联盟官网下载 DevEco Studio:https://developer.harmonyos.com/cn/develop/deveco-studio
  2. 根据你的操作系统选择对应的安装包,下载完成后双击安装。
  3. 安装过程中,DevEco Studio 会自动检测并安装 JDK,如果没有检测到,需要手动配置 JDK 环境变量。确保 JAVA_HOME 指向 JDK 的安装目录。
  4. 安装完成后,启动 DevEco Studio。首次启动会提示下载 SDK,按照提示进行下载和安装。

3. 配置 Node.js 和 npm

鸿蒙开发中,Node.js 和 npm 用于管理项目依赖。如果没有安装,可以从 Node.js 官网下载安装:https://nodejs.org/

鸿蒙开发之旅:从零开始搭建 Hello World 应用

安装完成后,可以通过以下命令检查版本:

鸿蒙开发之旅:从零开始搭建 Hello World 应用
node -v
npm -v

如果 npm 版本较低,可以使用以下命令升级:

鸿蒙开发之旅:从零开始搭建 Hello World 应用
npm install -g npm@latest

为了加快 npm 包的下载速度,可以配置 npm 使用国内镜像:

鸿蒙开发之旅:从零开始搭建 Hello World 应用
npm config set registry https://registry.npm.taobao.org

创建 Hello World 项目

  1. 启动 DevEco Studio,点击 “Create HarmonyOS Project”。
  2. 选择 “Empty Ability”,填写项目名称(例如:HelloWorld),包名(例如:com.example.helloworld),选择项目存放路径。
  3. 点击 “Finish” 创建项目。

代码实现

打开 entry/src/main/ets/pages/Index.ets 文件,修改代码如下:

// Index.ets
import prompt from '@system.prompt';

@Entry
@Component
struct Index {
  build() {
    Row() {
      Column() {
        Text('Hello World') // 显示 Hello World
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
      }
      .width('100%')
      .height('100%')
      .justifyContent(FlexAlign.Center)
    }
    .height('100%')
  }
}

运行 Hello World

  1. 连接你的鸿蒙设备或模拟器(DevEco Studio 自带模拟器)。
  2. 点击 DevEco Studio 工具栏上的 “Run” 按钮,选择你的设备或模拟器。
  3. 等待编译和安装完成,你将在设备或模拟器上看到 “Hello World” 字样。

常见问题与解决方案

  • SDK 下载失败: 检查网络连接,尝试更换网络环境或使用代理。
  • 编译错误: 检查代码语法是否正确,确保 SDK 版本与 DevEco Studio 版本兼容。
  • 设备连接失败: 确保设备已开启开发者模式,并允许 USB 调试。有时需要安装驱动程序。如果使用的是真机,还需要检查是否安装了对应的HAP签名证书。
  • Gradle 构建失败: Gradle 和鸿蒙SDK版本需要对应,可以尝试升级或者降级Gradle版本。如果项目需要引入第三方库,需要在build.gradle文件中正确配置依赖项。类似于在Java项目中使用Maven或者在Web项目中配置Nginx反向代理一样,确保依赖关系正确。

总结

本文详细介绍了鸿蒙开发环境的搭建以及 Hello World 程序的创建过程。希望能够帮助你快速入门鸿蒙开发。熟练掌握基本开发流程后,可以进一步学习鸿蒙的各种组件和 API,开发更复杂的应用。在实际开发中,除了代码编写,还需要关注性能优化,例如减少资源占用,避免内存泄漏,保证应用的流畅运行。例如,图片资源的加载和缓存策略,UI界面的渲染优化等。

鸿蒙开发之旅:从零开始搭建 Hello World 应用

转载请注明出处: 半杯凉茶

本文的链接地址: http://m.acea5.store/blog/066738.SHTML

本文最后 发布于2026-04-27 10:07:37,已经过了0天没有更新,若内容或图片 失效,请留言反馈

()
您可能对以下文章感兴趣
评论
  • 麻辣烫 4 小时前
    感谢分享,想问下大佬,鸿蒙应用开发对前端技术栈的要求高吗?比如 Vue 或者 React。
  • 草莓味少女 15 小时前
    写得真不错,环境搭建这块儿讲的很详细,解决了我的大问题!之前一直卡在 SDK 下载上了。
  • 风一样的男子 19 小时前
    感谢分享,想问下大佬,鸿蒙应用开发对前端技术栈的要求高吗?比如 Vue 或者 React。