最新版鸿蒙开发工具DevEco Studio保姆级安装教程

最新推荐文章于 2025-03-19 10:05:00 发布

小学生波波

最新推荐文章于 2025-03-19 10:05:00 发布

阅读量2.1k

点赞数 32

分类专栏：鸿蒙工具文章标签： harmonyos 华为鸿蒙 OpenHarmony ArkTS DevEco Studio DevEco Studio安装

本文链接：https://blog.csdn.net/wujiangbo520/article/details/146035625

版权

工具同时被 2 个专栏收录

8 篇文章

订阅专栏

鸿蒙

7 篇文章

订阅专栏

DevEco Studio安装教程

1. 软件下载

进入HarmonyOS华为开发者官网，网址如下：

DevEco Studio 5.0.0-AI辅助编程（Beta）-华为开发者联盟

点击立即下载即可，如下图所示：（需要登录你的华为账号后才能下载哦）

然后进入下面页面：

我目前下载的是官方最新的版本：DevEco Studio for Windows 5.0.7.210

这个版本官方会一直更新迭代，所以我们进入这个页面后，下载最新的即可

软件下载完毕后如下图所示：

然后解压之后是这样的

2. 软件安装

现在我们直接双击软件进行安装，安装步骤如下：

下一步：

这一步可以自己指定安装目录，但是注意，安装路径中不要包含中文即可，然后点击下一步：

这一步都勾上就可以了，然后点击下一步：

这一步需要做什么，直接点击安装，就开始安装了，安装过程会久一点，耐心等待，如下图所示：

安装完毕之后是这样的：

不用立即重启，直接点击完成即可，桌面就会有如下快捷方式了：

至此，软件【DevEco Studio】就安装完毕了

3. 新建项目

接下来我们就开始创建ArkTS工程

我们双击桌面【DevEco Studio】图标，第一次打开软件界面如下：

然后点击Create Project创建工程，如下图所示：

这一步不需要改什么，直接点击Next即可：

这一步根据需求填写项目名称和项目存放路径即可(路径不要带中文)，其余选项可以不管，默认即可，然后点击Finish，这样一个项目就创建完毕了，如下图所示：

看到上面页面，说明你的项目创建成功了

项目工程目录结构基本介绍如下：

AppScope > app.json5：应用的全局配置信息，详见app.json5配置文件。
entry：HarmonyOS工程模块，编译构建生成一个HAP包。
- src > main > ets：用于存放ArkTS源码。
- src > main > ets > entryability：应用/服务的入口。
- src > main > ets > entrybackupability：应用提供扩展的备份恢复能力。
- src > main > ets > pages：应用/服务包含的页面。
- src > main > resources：用于存放应用/服务所用到的资源文件，如图形、多媒体、字符串、布局文件等。关于资源文件，详见资源分类与访问。
- src > main > module.json5：模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。具体的配置文件说明，详见module.json5配置文件。
- build-profile.json5：当前的模块信息、编译信息配置项，包括buildOption、targets配置等。
- hvigorfile.ts：模块级编译构建任务脚本。
- obfuscation-rules.txt：混淆规则文件。混淆开启后，在使用Release模式进行编译时，会对代码进行编译、混淆及压缩处理，保护代码资产。详见开启代码混淆。
- oh-package.json5：用来描述包名、版本、入口文件（类型声明文件）和依赖项等信息。
oh_modules：用于存放三方库依赖信息。
build-profile.json5：工程级配置信息，包括签名signingConfigs、产品配置products等。其中products中可配置当前运行环境，默认为HarmonyOS。
hvigorfile.ts：工程级编译构建任务脚本。
oh-package.json5：主要用来描述全局配置，如：依赖覆盖（overrides）、依赖关系重写（overrideDependencyMap）和参数化配置（parameterFile）等。

4. 构建第一个页面

现在我们打开默认的Index.ets文件，进行页面的编写，完整代码如下：

@Entry
@Component
struct Index {
  
  //定义一个变量，名字叫做:message
  @State message: string = 'Hello World'

  build() {
    //Row：行组件
    Row() {
      //Column：列组件
      Column() {
        //Text：文本组件，用于页面显示文本信息
        Text(this.message)
          .fontSize(50)//fontSize：设置文字大小
          .fontWeight(800) //fontWeight：设置文字加粗效果
      }
      .width('100%') //设置宽度
    }
    .height('100%') //设置高度
  }
}