HarmonyOS应用开发-搭建开发环境

本文介绍如何搭建 HarmonyOS 应用的开发环境,介绍下载安装 DevEco Studio 开发工具和 SDK 的详细流程。华为鸿蒙 DevEco Studio 是面向全场景的一站式集成开发环境,面向全场景多设备,提供一站式的分布式应用开发平台,支持分布式多端开发、分布式多端调测、多端模拟仿真,提供全方位的质量与安全保障。

一、下载安装 DevEco Studio

1、官网下载 DevEco Studio

官网:HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者
下载 DevEco Studio 最新版本。

下载完成后我们解压压缩包,启动exe安装程序。


2、安装 DevEco Studio

启动安装exe程序。

1 002 - HarmonyOS应用开发-搭建开发环境

选择安装路径。

1 003 - HarmonyOS应用开发-搭建开发环境

勾选生成快捷方式和添加到path环境变量。

1 004 - HarmonyOS应用开发-搭建开发环境

这里默认文件夹名,点击安装。

1 005 - HarmonyOS应用开发-搭建开发环境

完成安装,需要对电脑重启。

1 006 - HarmonyOS应用开发-搭建开发环境

二、运行 DevEco Studio

1、安装 Node.js 和 ohpm

首次运行 DevEco Studio 会来到这个页面。
HarmonyOS应用开发需要我们的电脑上安装 Node.js 和 ohpm (鸿蒙生态三方库的包管理工具)
这里华为官方提供了镜像,如果本机上之前没有装过,直接勾选 install 然后下一步即可。

1 007 - HarmonyOS应用开发-搭建开发环境

2、安装HarmonyOS SDK

这里选择安装路径即可,我直接默认路径,点击下一步。

1 008 - HarmonyOS应用开发-搭建开发环境

这个页面展示了所有需要安装的包,点击下一步安装。

1 009 - HarmonyOS应用开发-搭建开发环境

几分钟后安装完成。

1 010 - HarmonyOS应用开发-搭建开发环境

三、新建项目

新建一个Empty Ability。

1 011 1024x613 - HarmonyOS应用开发-搭建开发环境

默认Stage模式,开启Super Visual低代码模式。

1 012 - HarmonyOS应用开发-搭建开发环境

四、运行项目

1、创建测试页面

这里我通过低代码组件随便做了一个登录页。

1 013 1024x691 - HarmonyOS应用开发-搭建开发环境

我们点击运行按钮,会让我们选择运行设备,这里的设备都是模拟器,需要安装,我们先进入设备管理器安装设备。

1 014 1024x691 - HarmonyOS应用开发-搭建开发环境

2、安装设备仿真器

这个模板支持手机、电视、手表三种终端模拟,我们先安装emulator(仿真器)。

1 015 1024x635 - HarmonyOS应用开发-搭建开发环境
1 016 1024x694 - HarmonyOS应用开发-搭建开发环境

安装好之后,我们再点击每一个硬件设备单独安装。这里我选择的手机。

1 017 1024x646 - HarmonyOS应用开发-搭建开发环境

我选择的API9版本。

1 018 1024x647 - HarmonyOS应用开发-搭建开发环境

要安装个几分钟。

1 019 - HarmonyOS应用开发-搭建开发环境

安装完成。

1 020 1024x648 - HarmonyOS应用开发-搭建开发环境

3、开启设备仿真器

点击我们刚刚新建的设备,启动它。

1 021 1024x637 - HarmonyOS应用开发-搭建开发环境

仿真终端被立刻启动。

1 022 1024x687 - HarmonyOS应用开发-搭建开发环境

完全启动大概需要个一分钟,开机后如下:

1 023 1024x687 - HarmonyOS应用开发-搭建开发环境

4、运行项目

我们运行项目。

1 024 1024x687 - HarmonyOS应用开发-搭建开发环境

我们制作的应用会在仿真设备里打开。

1 025 1024x587 - HarmonyOS应用开发-搭建开发环境

测试我们登录界面。

1 026 1024x608 - HarmonyOS应用开发-搭建开发环境

运行成功。

此条目发表在Harmony分类目录,贴了, , , , , 标签。将固定链接加入收藏夹。

发表回复