HarmonyOs学习 环境配置后 实验1:创建项目Hello World

HarmonyOS开发入门:环境配置与Hello World实验

实验目标

掌握HarmonyOS开发环境配置,创建首个HarmonyOS应用并实现"Hello World"界面展示

实验准备

  1. 已安装DevEco Studio开发环境
  2. 已配置HarmonyOS开发依赖项
  3. 熟悉基本TypeScript/ArkTS语法(推荐)

实验步骤

一、创建新项目

  1. 启动IDE

    打开DevEco Studio,进入欢迎页

  2. 选择项目模板
    File > New > New Project

    → 选择Application

    → 选择Empty Ability模板

    → 点击Next

  3. 工程配置

    配置项 说明
    Project name 自定义项目名称(如:HelloWorldDemo)
    Bundle name 应用包名(格式:com.company.project,发布时需保持一致)
    Save location 选择合适的工程存储路径
    Compile SDK 选择API版本(推荐API 9)
    Model 选择设备模型(Stage模型适合基础应用开发)
  4. 完成创建

    点击Finish,IDE将自动生成项目框架

二、项目结构解析

创建完成后,项目目录结构如下:

复制代码
HelloWorldDemo/
├── entry/
│   ├── src/
│   │   └── main/
│   │       ├── pages/         # 页面组件
│   │       │   └── Index.ets  # 主页面源码
│   │       ├── resources/     # 资源文件
│   │       └── config.json    # 页面路由配置
├── build/                     # 编译输出目录
└── ...                        # 其他配置文件

三、Hello World实现

  1. 定位主页面

    打开entry/src/main/pages/Index.ets

  2. 代码分析

typescript 复制代码
@Entry          // 标识页面入口组件
@Component      // 声明组件
struct Index {
  @State message: string = 'Hello World' // 响应式状态变量

  build() {     // 组件构建方法
    Row() {     // 行布局容器
      Column() { // 列布局容器
        Text(this.message) // 文本组件
          .fontSize(50)    // 设置字体大小
          .fontWeight(FontWeight.Bold) // 设置字体粗细
      }
      .width('100%') // 设置列宽占满父容器
    }
    .height('100%') // 设置行高占满父容器
  }
}
  1. 运行效果
    编译运行后将在设备中央显示加粗50px的"Hello World"文字

实验总结

  1. 环境配置要点

    • 确保Compile SDK版本与设备匹配
    • 包名命名需遵循反向域名规范
    • Stage模型支持基础应用开发
  2. 开发范式理解

    • 使用ArkTS声明式UI语法
    • 组件化开发思想(@Component)
    • 响应式状态管理(@State)
  3. 扩展建议

    尝试修改以下参数观察变化:

    • 调整fontSize数值
    • 修改message内容
    • 添加新的UI组件(如Button)

提示 :可通过Previewer实时预览界面效果,提升开发效率。

相关推荐
DIY机器人工房2 分钟前
[6-2] 定时器定时中断&定时器外部时钟 江协科技学习笔记(41个知识点)
笔记·stm32·单片机·学习·江协科技
海尔辛33 分钟前
学习黑客5 分钟小白弄懂Windows Desktop GUI
windows·学习
小诸葛的博客2 小时前
华为ensp实现跨vlan通信
网络·华为·智能路由器
烟雨迷2 小时前
Linux环境基础开发工具的使用(yum、vim、gcc、g++、gdb、make/Makefile)
linux·服务器·学习·编辑器·vim
@十八子德月生2 小时前
8天Python从入门到精通【itheima】-1~5
大数据·开发语言·python·学习
Clockwiseee4 小时前
文件上传总结
运维·服务器·学习·文件上传
康康这名还挺多4 小时前
鸿蒙HarmonyOS list优化一: list 结合 lazyforeach用法
数据结构·list·harmonyos·lazyforeach
苜柠4 小时前
Wpf学习片段
学习
欢乐熊嵌入式编程5 小时前
智能手表固件升级 OTA 策略文档初稿
嵌入式硬件·学习·智能手表
起床学FPGA5 小时前
异步FIFO的学习
学习·fpga开发