「Mac畅玩鸿蒙与硬件2」鸿蒙开发环境配置篇2 - 在 Mac 上安装 DevEco Studio

简介: 本篇将专注于如何在 Mac 上安装鸿蒙开发工具 DevEco Studio,确保开发环境能够顺利搭建。完成安装后,可以正式开始鸿蒙应用的开发工作。

本篇将专注于如何在 Mac 上安装鸿蒙开发工具 DevEco Studio,确保开发环境能够顺利搭建。完成安装后,可以正式开始鸿蒙应用的开发工作。

关键词
  • DevEco Studio
  • 鸿蒙开发工具
  • Mac 安装指南
  • 开发环境搭建

一、安装准备

1.1 系统要求
  • macOS 版本:建议使用最新的 macOS 版本,以确保工具的兼容性。
  • 内存:建议至少 16GB 内存,确保开发工具运行流畅。
  • 存储空间:需要至少 15GB 的可用磁盘空间,用于安装 DevEco Studio 及其依赖。
1.2 工具准备
  • 网络连接:需要稳定的网络,用于下载 DevEco Studio 安装包及相关依赖。

二、下载 DevEco Studio

2.1 访问开发者网站
  1. 访问 DevEco Studio 下载页面

    https://developer.huawei.com/consumer/cn/download/
    
  2. 选择适合操作系统的版本进行下载(支持 Windows (64-bit)、Mac (X86)、Mac (ARM) 版本)。

    image-20241023230645901.pngimage-20241023230645901.png

2.2 安装包大小和下载时间
  • DevEco Studio 安装包约为 3.3GB,具体大小可能随版本有所变化。
  • 下载时间取决于网络速度,建议使用稳定的网络环境进行下载。

三、安装 DevEco Studio

3.1 打开安装包

下载完成后,找到下载的安装文件并双击打开。macOS 版本通常以 .dmg 形式提供,双击 .dmg 文件后会弹出安装界面。

3.2 拖动安装

在安装界面中,将 DevEco Studio 图标拖拽到 “Applications” 文件夹中,以完成安装。

image-20241023230733137.pngimage-20241023230733137.png


四、首次运行 DevEco Studio

4.1 启动 DevEco Studio

安装完成后,前往 “应用程序” 文件夹,双击 DevEco Studio 图标以启动程序。首次启动时,系统可能会提示进行一些初始化设置。

4.2 配置开发环境

首次启动时,将引导进行开发环境的基础配置。

  1. 选择导入设置:选择 Do not import settings,然后点击 OK

    image-20240618211619045.pngimage-20240618211619045.png

  2. 许可协议:同意并点击 Agree

    image-20240618211906915.pngimage-20240618211906915.png

  3. 主题选择:通过 Customize 选项选择喜欢的背景色主题(如 DarkLight)。

    image-20240618212458603.pngimage-20240618212458603.png


五、运行第一个项目:Hello World

5.1 创建项目
  1. 在 DevEco Studio 启动后,点击 Create Project

    image-20240618213751418.pngimage-20240618213751418.png

  2. 选择 Application,然后选择 Empty Ability 模板,点击 Next

    image-20240618220149932.pngimage-20240618220149932.png

  3. 配置项目信息,包括 Project name(项目名称)、Bundle name(包名)和 Save location(项目目录)。

  4. 点击 Finish 创建项目。

    image-20240618215655457.pngimage-20240618215655457.png

5.2 实时预览项目
  1. 在项目界面,点击右侧的 Previewer,可以实时预览项目效果。

  2. 预览结果应显示 Hello World,表明项目已成功创建。

    image-20240618220044519.pngimage-20240618220044519.png


六、通过模拟器运行项目

6.1 启动模拟器
  1. 选择 Tools,单击 Device Manager

    image-20240619192001758.pngimage-20240619192001758.png

  2. Device Manager 中,点击 New Emulator 创建新模拟器。

    image-20240623213120463.pngimage-20240623213120463.png

  3. 选择所需的模拟器版本,下载并安装完成后,启动模拟器。

    image-20240623213215896.pngimage-20240623213215896.png

6.2 运行项目
  1. 在项目界面右上角,选择模拟器作为目标设备。

    image-20240619194532005.pngimage-20240619194532005.png

  2. 单击三角形运行图标,启动项目。

    image-20240623214604759.pngimage-20240623214604759.png

  3. 打开的模拟器中应显示 Hello World 界面,表示项目已成功运行。

    image-20240623214857442.pngimage-20240623214857442.png


小结

本篇专注于在 Mac 上安装 DevEco Studio 以及运行第一个鸿蒙项目。通过完成这些操作,开发环境已经搭建好,可以开始后续的鸿蒙应用开发工作。


下篇预告

下一篇将专注于如何在 DevEco Studio 中进行必要的配置和安装常用插件,以优化开发体验和提升开发效率。


上一篇:「Mac畅玩鸿蒙与硬件1」鸿蒙开发环境配置篇1 - 认识鸿蒙系统与开发工具

下一篇:「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio 插件安装与配置


目录
相关文章
|
8天前
|
API
HarmonyOS 3.1/4项目在DevEco Studio 5.0(HarmonyOS NEXT)版本下使用的问题
有读者在使用《鸿蒙HarmonyOS应用开发入门》书中的源码时遇到问题,主要原因是使用的DevEco Studio版本不同所致。本文提供了三种解决方案:1) 降级DevEco Studio至3.1版本;2) 按照5.0版本修改书中示例;3) 等待并使用《鸿蒙之光HarmonyOS NEXT原生应用开发入门》升级版书籍。
105 1
|
1天前
「Mac畅玩鸿蒙与硬件35」UI互动应用篇12 - 简易日历
本篇将带你实现一个简易日历应用,显示当前月份的日期,并支持选择特定日期的功能。用户可以通过点击日期高亮选中,还可以切换上下月份,体验动态界面的交互效果。
26 12
「Mac畅玩鸿蒙与硬件35」UI互动应用篇12 - 简易日历
|
7天前
|
UED
「Mac畅玩鸿蒙与硬件27」UI互动应用篇4 - 猫与灯的互动应用
本篇将带领你实现一个趣味十足的互动应用,用户点击按钮时猫会在一排灯之间移动,猫所在的位置灯会亮起(on),其余灯会熄灭(off)。应用会根据用户的操作动态更新灯光状态和文本提示当前亮灯的位置,是掌握状态管理和组件动态渲染的良好实践。
49 15
「Mac畅玩鸿蒙与硬件27」UI互动应用篇4 - 猫与灯的互动应用
|
3天前
|
存储 UED
「Mac畅玩鸿蒙与硬件33」UI互动应用篇10 - 数字猜谜游戏
本篇将带你实现一个简单的数字猜谜游戏。用户输入一个数字,应用会判断是否接近目标数字,并提供提示“高一点”或“低一点”,直到用户猜中目标数字。这个小游戏结合状态管理和用户交互,是一个入门级的互动应用示例。
33 7
「Mac畅玩鸿蒙与硬件33」UI互动应用篇10 - 数字猜谜游戏
|
1天前
|
存储
「Mac畅玩鸿蒙与硬件34」UI互动应用篇11 - 颜色选择器
本篇将带你实现一个颜色选择器应用。用户可以从预设颜色中选择,或者通过输入颜色代码自定义颜色来动态更改界面背景。该应用展示了如何结合用户输入、状态管理和界面动态更新的功能。
18 3
「Mac畅玩鸿蒙与硬件34」UI互动应用篇11 - 颜色选择器
|
8天前
|
前端开发 开发者
「Mac畅玩鸿蒙与硬件21」鸿蒙UI组件篇11 - Canvas 组件的静态进阶应用
在鸿蒙应用开发中,Canvas 组件不仅用于基础绘图,还提供了处理复杂路径和渐变效果的多种手段,帮助开发者实现精美的静态图形。本篇将介绍如何在 Canvas 中绘制复杂路径、创建渐变填充效果。
35 7
「Mac畅玩鸿蒙与硬件21」鸿蒙UI组件篇11 - Canvas 组件的静态进阶应用
|
8天前
|
前端开发 开发者
「Mac畅玩鸿蒙与硬件22」鸿蒙UI组件篇12 - Canvas 组件的动态进阶应用
在鸿蒙应用中,Canvas 组件可以实现丰富的动态效果,适合用于动画和实时更新的场景。本篇将介绍如何在 Canvas 中实现动画循环、动态进度条、旋转和缩放动画,以及性能优化策略。
36 6
「Mac畅玩鸿蒙与硬件22」鸿蒙UI组件篇12 - Canvas 组件的动态进阶应用
|
8天前
|
前端开发 开发者
「Mac畅玩鸿蒙与硬件23」鸿蒙UI组件篇13 - 自定义组件的创建与使用
自定义组件可以帮助开发者实现复用性强、逻辑清晰的界面模块。通过自定义组件,鸿蒙应用能够提高代码的可维护性,并简化复杂布局的构建。本篇将介绍如何创建自定义组件,如何向组件传递数据,以及如何在不同页面间复用这些组件。
31 5
「Mac畅玩鸿蒙与硬件23」鸿蒙UI组件篇13 - 自定义组件的创建与使用
|
7天前
「Mac畅玩鸿蒙与硬件29」UI互动应用篇6 - 多选问卷小应用
本篇将带你实现一个多选问卷小应用,用户可以勾选选项并点击提交按钮查看选择的结果。通过本教程,你将学习如何使用 Checkbox 组件、动态渲染列表、状态管理及用户交互,构建完整的应用程序。
26 1
「Mac畅玩鸿蒙与硬件29」UI互动应用篇6 - 多选问卷小应用
|
7天前
|
UED
「Mac畅玩鸿蒙与硬件28」UI互动应用篇5 - 滑动选择器实现
本篇将带你实现一个滑动选择器应用,用户可以通过滑动条选择不同的数值,并实时查看选定的值和提示。这是一个学习如何使用 Slider 组件、状态管理和动态文本更新的良好实践。
27 1
「Mac畅玩鸿蒙与硬件28」UI互动应用篇5 - 滑动选择器实现