HarmonyOS应用开发-搭建开发环境 原创
本文介绍如何搭建 HarmonyOS 应用的开发环境,介绍下载安装 DevEco Studio 开发工具和 SDK 的详细流程。华为鸿蒙 DevEco Studio 是面向全场景的一站式集成开发环境,面向全场景多设备,提供一站式的分布式应用开发平台,支持分布式多端开发、分布式多端调测、多端模拟仿真,提供全方位的质量与安全保障。
一、下载安装 DevEco Studio
1、官网下载 DevEco Studio
官网:HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者下载 DevEco Studio 最新版本。
1 001 1024x429 - HarmonyOS应用开发-搭建开发环境
下载完成后我们解压压缩包,启动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应用开发-搭建开发环境
运行成功。
很详细的讲解,感谢分享
感谢支持,有疑问可以评论区回帖,随时交流