一文搞懂鸿蒙应用开发快速体验

1.1 准备开发环境

1.1.1 安装IDE

鸿蒙应用开发需要使用配套的IDE——HUAWEI DevEco Studio。 DevEco Studio基于IntelliJ IDEA Community(IDEA社区版)构建,为鸿蒙应用提供了一站式开发环境,集成了开发、运行、调试以及发布应用的各项功能。

以下是具体的安装步骤:

  1. 获取DevEco Studio安装包,官方下载地址为:https://www.openharmony.cn/mainPlay

在这里插入图片描述
找到对应版本 在这里插入图片描述
根据自己电脑系统下载

在这里插入图片描述
2. 双击安装包安装即可
在这里插入图片描述
在这里插入图片描述

  1. 选择安装路径,完成后点击next
    在这里插入图片描述

  2. 配置安装选项,勾选第一项创建桌面快捷方式即可,完成后点击next

    在这里插入图片描述

  3. 点击Install开始安装

    在这里插入图片描述

  4. 安装中

    在这里插入图片描述

  5. 等待几十秒后,点击Finish完成安装

在这里插入图片描述

1.1.2 配置IDE

安装完成后,可按以下步骤完成初始化配置

  1. 双击桌面快捷方式,启动DevEco Studio

在这里插入图片描述

  1. 阅读各项条款,点击Agree表示同意

在这里插入图片描述

  1. 初次启动会出现如下设置向导,首先需要为nodejs和ohpm选择合适的安装路径,完成后点击Next即可

    ○ nodejs用于为鸿蒙应用的自动化构建工具提供运行环境。
    ○ ohpm(OpenHarmony Package Manager)是鸿蒙生态第三方库的包管理工具,支持共享包的发布、安装和依赖管理。

    在这里插入图片描述
    在这里插入图片描述

  2. 为HarmonyOS SDK选择安装目录,完成后点击Next

在这里插入图片描述

  1. 阅读相关协议,勾选Accept表示同意,完成后点击Next

    在这里插入图片描述

  2. 浏览配置汇总页,确认无误后点击Next

    在这里插入图片描述

  3. 等待下载

    在这里插入图片描述

  4. 下载完成后,点击Finish完成配置

    在这里插入图片描述

  5. 完成配置后,可根据喜好调整DevEco Studio主题风格,点击Customize。

    在这里插入图片描述

1.2 创建项目

  1. 点击Create Project

    在这里插入图片描述

  2. 选择项目模版,此处选择[OpenHarmony]Empty Ability即可。

    在这里插入图片描述

  3. 配置项目

    可能需要调整的配置项如下,其余保持默认即可,配置完成后,点击Finish即可

      • Project name:项目名称
      • Bundle name:包名,通常为公司域名倒置
      • Save location:项目目录

    在这里插入图片描述

  4. 配置SDK

    在这里插入图片描述

  5. 点击next

在这里插入图片描述

  1. 勾选accept,点击next

    在这里插入图片描述

  2. 点击finish完成

    在这里插入图片描述

  3. 回到创建项目页面点击finish,即可启动项目

    在这里插入图片描述

  4. IDE界面说明

    在这里插入图片描述

  5. 项目结构概述

    注意:项目结构相对复杂,先简单了解即可,随之后序学习的深入再逐步为大家介绍

在这里插入图片描述

1.3 创建项目

DevEco Studio提供了多种方式用于运行项目,包括预览、模拟器和真机运行。下面逐一演示

  1. Preview 预览

    Previewer预览用于查看应用的UI界面效果,方便随时调整界面UI布局。只需打开需要预览的页面文件,例如下图中的Index.ets,然后点击IDE右侧的Perviewer即可看到预览效果。

    在这里插入图片描述

  2. 模拟器运行

    Previewer预览器主要用于查看界面UI效果,如需对项目进行更加深入的测试,可以使用模拟器运行项目。初次使用需要先安装模拟器,安装步骤如下

    2.1)点击Tools菜单下的Device Manager,打开设备管理器

    在这里插入图片描述

  3. 点击Install,安装模拟器

    在这里插入图片描述

  4. 安装中

    在这里插入图片描述

  5. 点击Install后,会首先下载模拟器相关的SDK,下载完成后点击Finish即可。

    在这里插入图片描述

  6. 选择模拟的安装目录,完成后点击New Emulator。

    在这里插入图片描述

  7. 选择设备类型——Phone,完成后点击Next

    在这里插入图片描述

  8. 下载系统镜像,注意选择api9版本

    在这里插入图片描述

  9. 等待下载完成后,点击Finish

    在这里插入图片描述
    在这里插入图片描述

  10. 系统镜像下载完毕后,点击Next

在这里插入图片描述

  1. 配置模拟器(可选),完成后点击Finish,至此模拟器安装完毕

    在这里插入图片描述

  2. 若想将项目运行到模拟器,首先需要启动模拟器,点击下图中的启动按钮,稍等片刻,等待模拟器开机

    在这里插入图片描述
    在这里插入图片描述

  3. 开机后的模拟器如下图所示

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  4. 回到IDE,在右上角的设备列表中选择刚刚创建的模拟器(默认已经选中),点击运行按钮

    在这里插入图片描述

  5. 修改代码
    在这里插入图片描述

  6. 查看模拟器

在这里插入图片描述

  • 71
    点赞
  • 46
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值