安装DevEcoStudio

前言

在这篇博客中，我们将介绍如何安装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选项卡，即可看到预览效果： 

@Entry@Component
struct Index {
    @State message: string = 'Hello World
    build() {
        Row() {
            Column() {
            Text(this .message)
            .fontsize(50)
            .fontweight(Fontweight.Bold)
}
        .width('100%')
}
        .height (' 100%')
 }
}

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

6、安装模拟器

在菜单中选择Device Manager

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

 

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

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

进入创建模拟器页面，选择New Emulator：

添加模拟器：

 

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

 

完成之后，点击 Next 下一步：

 

点击 Finish:

 

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

启动之后：

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

在启动配置添加模拟器:

 

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

 

效果预览：