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

Damon小智
发布于 2024-3-22 08:46
浏览
2收藏

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


一、下载安装 DevEco Studio

1、官网下载 DevEco Studio

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 001 1024x429 - HarmonyOS应用开发-搭建开发环境

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


2、安装 DevEco Studio

启动安装exe程序。

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 002 - HarmonyOS应用开发-搭建开发环境

选择安装路径。

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 003 - HarmonyOS应用开发-搭建开发环境

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 004 - HarmonyOS应用开发-搭建开发环境

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 005 - HarmonyOS应用开发-搭建开发环境

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 006 - HarmonyOS应用开发-搭建开发环境


二、运行 DevEco Studio

1、安装 Node.js 和 ohpm

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 007 - HarmonyOS应用开发-搭建开发环境


2、安装HarmonyOS SDK

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 008 - HarmonyOS应用开发-搭建开发环境

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 009 - HarmonyOS应用开发-搭建开发环境

几分钟后安装完成。

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 010 - HarmonyOS应用开发-搭建开发环境


三、新建项目

新建一个Empty Ability。

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 011 1024x613 - HarmonyOS应用开发-搭建开发环境

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 012 - HarmonyOS应用开发-搭建开发环境


四、运行项目

1、创建测试页面

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 013 1024x691 - HarmonyOS应用开发-搭建开发环境

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 014 1024x691 - HarmonyOS应用开发-搭建开发环境


2、安装设备仿真器

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 015 1024x635 - HarmonyOS应用开发-搭建开发环境

​​

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 016 1024x694 - HarmonyOS应用开发-搭建开发环境

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 017 1024x646 - HarmonyOS应用开发-搭建开发环境

我选择的API9版本。

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 018 1024x647 - HarmonyOS应用开发-搭建开发环境

要安装个几分钟。

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 019 - HarmonyOS应用开发-搭建开发环境

安装完成。

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 020 1024x648 - HarmonyOS应用开发-搭建开发环境


3、开启设备仿真器

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 021 1024x637 - HarmonyOS应用开发-搭建开发环境

仿真终端被立刻启动。

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 022 1024x687 - HarmonyOS应用开发-搭建开发环境

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 023 1024x687 - HarmonyOS应用开发-搭建开发环境


4、运行项目

我们运行项目。

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 024 1024x687 - HarmonyOS应用开发-搭建开发环境

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

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 025 1024x587 - HarmonyOS应用开发-搭建开发环境

测试我们登录界面。

HarmonyOS应用开发-搭建开发环境-鸿蒙开发者社区1 026 1024x608 - HarmonyOS应用开发-搭建开发环境

运行成功。

©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
3
收藏 2
回复
举报
2条回复
按时间正序
/
按时间倒序
红叶亦知秋
红叶亦知秋

很详细的讲解,感谢分享

回复
2024-3-22 10:14:11
Damon小智
Damon小智 回复了 红叶亦知秋
很详细的讲解,感谢分享

感谢支持,有疑问可以评论区回帖,随时交流

回复
2024-3-22 16:36:18
回复
    相关推荐