以下是鸿蒙应用开发环境配置的完整指南,适合新手快速入门:

一、开发工具安装

  1. 下载DevEco Studio
    访问华为开发者官网下载最新版IDE

  2. 安装流程

    # Windows示例
    # 1. 双击.deveco-studio-3.1.1.501-win.exe
    # 2. 选择安装路径(建议默认)
    # 3. 勾选创建桌面快捷方式
    # 4. 安装完成后勾选"Run DevEco Studio"
    

二、环境配置

  1. Node.js安装

    • 要求版本 ≥14.19.1
    • 官网下载:https://nodejs.org
    # 验证安装
    node -v  # 应显示版本号
    npm -v   # 应显示版本号
    
  2. SDK配置

    • 首次启动DevEco Studio时:
    • 选择AgreeNext → 设置SDK存储路径
    • 勾选SDK PlatformPreviewer
    • 点击Next自动下载依赖

三、创建首个项目

  1. 新建工程

    File → New → Project → Empty Ability
    
    • 配置参数示例:
      Project Name: HelloWorld
      Bundle Name: com.example.helloworld
      Device Type: Phone
      Compatible SDK: API9
      
  2. 项目结构解析

    HelloWorld/
    ├── entry/src/main/
    │   ├── resources/  # 资源文件
    │   ├── config.json # 应用配置
    │   └── ets/
    │       ├── pages/   # 页面目录
    │       └── index.ets # 入口文件
    

四、运行调试

  1. 启动模拟器
    Tools → Device Manager → 选择Phone → Start

  2. 运行项目

    # 点击工具栏绿色三角按钮
    # 或使用快捷键 Shift+F10
    

五、代码示例(index.ets)

@Entry
@Component
struct Index {
  build() {
    Column() {
      Text('你好,鸿蒙!')
        .fontSize(40)
        .fontWeight(FontWeight.Bold)
      Button('点击交互')
        .onClick(() => {
          console.log("按钮已点击")
        })
    }
    .width('100%')
    .height('100%')
  }
}

六、常见问题解决

问题现象 解决方案
SDK下载失败 检查网络设置,关闭防火墙
模拟器无法启动 确认开启BIOS虚拟化(VT-x)
编译报错 执行File > Sync Project

重要提示:开发过程中保持DevEco Studio更新,每月检查SDK更新至少一次。首次编译可能较慢(需下载Gradle依赖),后续构建将加速。

完成上述步骤后,您将在模拟器看到带按钮的文本界面,控制台输出点击日志,即表示环境配置成功!下一步可尝试修改UI样式或添加新功能组件。

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐