HarmonyOS应用开发工具DevEco Studio安装与使用

这篇具有很好参考价值的文章主要介绍了HarmonyOS应用开发工具DevEco Studio安装与使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

语雀知识库地址:语雀HarmonyOS知识库

飞书知识库地址:飞书HarmonyOS知识库

知识库内容逐步完善中…


工欲善其事必先利其器,要编写HarmonyOS应用就需要用到官方提供的IDE工具来编写相应的代码。

在鸿蒙开发者官网,其提供了官方的开发IDE——DevEco Studio(最新版本3.1.1 Release) 来作为HarmonyOS应用开发

当然,为了更好的推广鸿蒙应用,在今年官方推出了集成ArkUI-X 版本的IDE(版本号 4.0 Beta2),该版本可以基于一套代码生成鸿蒙、安卓、iOS多OS的相关项目,详情请查看以下文章:

DevEco Studio集成ArkUI-X

1.下载安装包

安装包下载地址:

点击跳转下载页面

可以根据自己的操作系统选择对应版本下载。

本文以Windows安装为例,Mac安装方式相同

2. 安装

下载好后,打开安装包,进入安装界面:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

点击Next,进入安装目录选择页面(不要出现中文或特殊字符),可以走默认路径:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

点击Next,进入安装选项页面,按照如图所示勾选即可:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

点击Next,进入安装页,直接点击Install:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

耐心等待安装完成:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

选择重启电脑,Finish:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

重启完成后,会在桌面看到DevEco Studio的图标:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

3.配置开发环境

双击启动,进入首次运行的欢迎页面:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

选择Agree,进入配置导入页面,选择不导入任何配置:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

选择要安装的Node.js和Ohpm位置,其中ohpm是Open Harmony Package Management的缩写,也就是类似npm的包管理工具。这里有几点注意事项:

  • 如果电脑上已经有Node.js,但是版本不一致,建议选择让工具重新安装
  • 如果电脑上已经有Node.js,并且版本一致,可以选择Local,指定node目录即可
  • 如果电脑上对Node.js做了一些特殊的options配置,建议先移除
  • 配置目录中不要出现中文、特殊字符,建议用默认路径

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

选择Next后,进入HarmonyOS的SDK安装目录选择页面,同样注意不要出现中文和特殊字符,建议走默认路径:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

选择Next后,进入协议页面,全部选择Accept:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

选择Next后,进入SDK确认信息页面:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

直接点击Next安装即可。

4.环境错误处理

在安装的过程中,如果出现类似下面的错误:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

一般就是因为你本地原本的Node.js配置异常导致的,建议清理环境变量中对于Node.js的配置之后再重试。

重试时无需重新安装,而是再次打开DevEco Studio,点击界面左下方的**?**按钮:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

选择Diagnose Development Environment,即诊断开发环境选项,会进入诊断页面:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

这里会提示安装出现问题的选项,点击异常项后面的set it up now即可重新安装。

如果所有问题都已经解决,最终重试后等待所有项都是 √ 即可:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

当然,官方文档中也有更加详细的示例说明:

https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/environment_config-0000001052902427-V3#section551917522319

5.helloworld

开发鸿蒙应用,需要先创建一个Project:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

然后进入创建应用页面,选择应用模板中的Empty Ability模板:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

填写项目信息,其中Project name、Bundle name、Save location都可以自定义:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

点击Finish完成创建。最终开发界面如图:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

6.应用预览

创建好的应用中已经有了基础代码,我们以后开发后可以直接在工具中预览页面样式。如图:

点击右侧的previewer选项卡,即可看到预览效果:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

7.安装模拟器

我们也可以利用设备模拟器来查看更真实的效果。不过需要先配置模拟器。

首先,选择主菜单中的Tools,找到其中的Device Manager,即设备管理:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

设备可以是远端设备,也可以是本地设备,我们以本地设备为例。

默认本地没有任何设备,选择install来安装一个:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

首次点击时,会弹出一个窗口,下载必要的SDK依赖:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

等待一段时间的下载之后,选择Finish。

进入创建模拟器页面,选择New Emulator:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

添加手机模拟器:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

选择api9版本,不过需要注意,首次进入此页面,需要下载手机设备需要的系统,大概2.2G,需要耐心等待:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

下载完成后,才可以选中,然后点击Next,进入下一步:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

finish:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

创建完成后,在设备列表中会出现一个本地设备,点击后面的运行按钮即可启动设备模拟器:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

启动后如图:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

然后,在应用启动位置选择刚刚添加的模拟器:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

点击启动,可以将应用部署到模拟器:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙

效果与预览类似:

deveco studio 4.0 beta2,HarmonyOS应用开发,harmonyos,华为,鸿蒙文章来源地址https://www.toymoban.com/news/detail-826459.html

到了这里,关于HarmonyOS应用开发工具DevEco Studio安装与使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • CH2-开发工具DevEco Studio

    基本特性HarmonyOS操作系统的功能和特性要得以发挥,需要在它之上运行的APP来体现。 功能强大易用的HarmonyOS移动应用开发工具对HarmonyOS系统的发展至关重要,3.0 Beta1版本的DevEco Studio已经 支持通过可视化布局编辑器构建界面 ,功能越来越齐全和稳定。 本章为HarmonyOS移动应用

    2024年02月09日
    浏览(48)
  • 鸿蒙开发工具 DevEco Studio 3.0 体验与项目结构介绍

    HuaWei DevEco Studio 是基于 IntelliJ IDEA Community 开源版本打造,面向全场景多设备,提供一站式的应用/服务集成开发环境(IDE),支持分布式多端开发、分布式多端调测、多端模拟仿真,提供全方位的质量与安全保障。 DevEco Studio 3.0支持 HarmonyOS 3.0 的应用及服务开发,提供了代码

    2024年02月11日
    浏览(36)
  • 华为鸿蒙开发者工具DevEco Studio设备栏不识别鸿蒙手机模拟器解决方法

    在学习鸿蒙开发的路上,有很多小伙伴遇到过安装了手机模拟器,但是开发工具设备栏不识别手机设备的问题,如下图,明明模拟器都安装了,但为什么设备栏不显示呢? 已windows系统为例,解决方法如下 当开启DevEco Studio工具和鸿蒙手机模拟器后,手机设备不识别。需要先关

    2024年02月02日
    浏览(163)
  • 华为鸿蒙开发(HarmonyOs开发):超详细的:DevEco Studio 的安装和配置 、华为第三方包依赖:SDK软件包的安装、Nodejs的导入配置

    2023年11月28日20:00:00 ⚠️⚠️HarmonyOs 开发工具 ⚠️⚠️ ⚠️⚠️DevEco Studio 的安装和配置⚠️⚠️ ⚠️⚠️⚠️❤️❤️ 关注了解更多 一、打开鸿蒙开发工具官网 下面是安装DevEco Studio 的详细步骤:希望大家给个关注,祝大家:踏上HarmonyOs 之旅,步步高升! 下载地址:官

    2024年02月03日
    浏览(49)
  • [HarmonyOS]主题课:使用DevEco Studio高效开发

    单选题 1. 用哪一种装饰器修饰的组件可作为页面入口组件? A. @Component B. @Entry C. @Preview D. @Builder 答:B 2. ArkTS Stage模型支持API Version 9,关于其工程目录结构说法正确的是? A. oh-package.json5用于存放应用级配置信息,包括签名、产品配置等 B. build-profile.json5用于配置三方包声明

    2024年01月17日
    浏览(51)
  • HarmonyOS 鸿蒙开发DevEco Studio OpenHarmony:配置开发环境

    目录 下载OpenHarmony SDK及工具链 参考信息 配置DevEco Studio代理 配置NPM代理 在进行OpenHarmony应用/服务开发前,需要提前在DevEco Studio中下载对应版本的SDK。下载OpenHarmony SDK需要连接网络,一般情况下,可以直接下载;但部分用户的网络可能受限,此时需要先根据参考信息 配置相

    2024年02月19日
    浏览(49)
  • HarmonyOS 鸿蒙开发DevEco Studio OpenHarmony:使用低代码进行开发

    OpenHarmony低代码开发方式,具有丰富的UI界面编辑功能,遵循JS、TS开发规范 ,通过可视化界面开发方式快速构建布局,可有效降低用户的时间成本和提升用户构建UI界面的效率。 说明 支持使用低代码进行JS/eTS页面开发,本章节以开发eTS页面为例,介绍低代码功能及使用方法。

    2024年02月19日
    浏览(50)
  • HarmonyOS 鸿蒙开发DevEco Studio OpenHarmony:编译构建概述

    目录 OpenHarmony构建体系 构建工具Hvigor 构建插件hvigor-ohos-plugin 工程目录及配置文件说明 如何构建应用/服务 启动应用/服务构建 查看编译过程

    2024年02月22日
    浏览(49)
  • Flutter 开发者工具 Android Studio 开发Flutter应用

    Flutter 开发者工具 在 Android Studio 开发Flutter应用 🔥 Android Studio 版本更新 🔥 Android Studio Check for Update Connection failed ​ 解决方案 ​    ​  🔥 编辑代码,和查看问题 🔥  Dart 插件 可以做到如下几点 :  语法高亮显示。 基于多种类型分析的代码补全。 定位到类型的声明(

    2024年02月15日
    浏览(94)
  • HarmonyOS 鸿蒙开发DevEco Studio OpenHarmony:创建OpenHarmony工程

    目录 创建和配置新工程 将原子化服务工程改为应用工程 当开始开发一个OpenHarmony应用/服务时,首先需要根据工程创建向导,创建一个新的工程,工具会自动生成对应的代码和资源模板。 说明 在运行DevEco Studio工程时,建议每一个运行窗口有2GB以上的可用内存空间。 通过如下

    2024年01月25日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包