当前位置:   article > 正文

安装DevEcoStudio_deveco studio安装

deveco studio安装

前言

在这篇博客中,我们将介绍如何安装DevEcoStudio,这是一个用于开发华为智能终端应用程序的集成开发环境。通过本文,您将了解如何轻松地开始使用这个强大的工具来开发您的应用程序。无论您是新手还是有经验的开发者,本指南都将帮助您快速开始使用DevEcoStudio,让您能够更高效地进行应用程序开发。接下来,让我们一起来看看如何安装这个强大的开发工具吧!

1、下载安装包

安装包下载地址:HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者

 

2、安装

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

 

点击 Next 进入下一步,进入的是安装的目录,注意:安装路径不要有中文或者是特殊符号,如果不想更换路径,也可以默认系统的路径安装。

点击 Next 进入下一步,在这个选择页面勾选两个选项:

 

第一个是生成桌面快捷方式,第二个是把bin目录添加到path,就是环境变量配置。

点击 Next 进入下一步,安装页面:直接点击 Install 安装

 

 耐心等待安装完成即可:

安装好之后,选择立即重启电脑:

 

在桌面就会看到一个DevEco Studio的图标:

 

 3、配置需要的开发环境

点击图标运行,这是欢迎页面:

 直接点击 Agree 进入下一步,这是导入页面,不用导入任何东西,直接点击ok:

 

下面需要下载两个运行环境,Node.js和ohpm(OpenHarmony Package Management),注意版本要一致,且存放的位置不能有中文或者特殊符号:

  • Node.js: Node.js是一个基于Chrome V8引擎的JavaScript运行时环境,用于构建快速的网络应用程序。它是一个基于事件驱动和非阻塞I/O模型的平台,使得Node.js非常适合构建数据密集型的实时应用程序。Node.js使得开发者能够使用JavaScript语言来编写服务器端的代码,同时也提供了丰富的库和工具来简化服务器端应用的开发。

  • OpenHarmony Package Management(OHPM)是华为开发的一种软件包管理工具,用于OpenHarmony操作系统。它提供了包管理、依赖管理和版本控制等功能,使得开发者能够更轻松地开发和管理OpenHarmony操作系统的应用程序。OHPM能够帮助开发者在OpenHarmony平台上高效地构建、发布和管理应用程序及其依赖项,从而提高开发效率并简化开发流程。

 

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

选择Next后,进入协议页面,两个都要选择Accept:

 

选择Next后,这个是SDK的确认信息页面:

 

直接点击 Next 安装接可以了。

如果全部都安装成功了,是这样的,全部都打勾勾的:

如果有报错的,官方有更详细的介绍,大家也可以参考官方的说明

地址:配置开发环境-快速开始-DevEco Studio使用指南-工具-HarmonyOS应用开发 

4、运行第一个 helloworld 案例

创建项目:

 

这是创建应用的界面,选择第一个就可以了:

 

填写项目的信息,基本上就是项目名称,项目路径,所有的信息都是可以自己配置的:

写完之后直接 Finish,完成创建。

5、预览

创建好应用后,是有基础代码的,点击右侧的previewer选项卡,即可看到预览效果: 

  1. @Entry@Component
  2. struct Index {
  3. @State message: string = 'Hello World
  4. build() {
  5. Row() {
  6. Column() {
  7. Text(this .message)
  8. .fontsize(50)
  9. .fontweight(Fontweight.Bold)
  10. }
  11. .width('100%')
  12. }
  13. .height (' 100%')
  14. }
  15. }

代码是一个使用鸿蒙系统的界面描述语言来定义一个名为 Index 的组件。其中使用了 @Entry@Component 注解来标识这是一个入口组件,@State 用于定义组件的状态,build() 方法用于构建组件的 UI 结构。整体来说,这段代码用于描述一个名为 Index 的组件,其中包含一个显示 "Hello World" 文字的 UI 结构。

6、安装模拟器

在菜单中选择Device Manager

默认本地是没有任何设备的,点击 install 安装一个:

 

首次安装需要下载 SDK 依赖的:

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

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

添加模拟器:

 

选择第一个下载,大概需要2.2G 左右

 

完成之后,点击 Next 下一步:

 

点击 Finish:

 

然后就会出现我们刚刚安装的本地模拟器:

启动之后:

这个看起来就更加的真实了吧。

在启动配置添加模拟器:

 

运行后就会部署到模拟器中:

 

效果预览:

 

 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/304637
推荐阅读
相关标签
  

闽ICP备14008679号