「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 插件安装与配置


目录
相关文章
|
3天前
「Mac畅玩鸿蒙与硬件41」UI互动应用篇18 - 多滑块联动控制器
本篇将带你实现一个多滑块联动的控制器应用。用户可以通过拖动多个滑块,动态控制不同参数(如红绿蓝三色值),并实时显示最终结果。我们将以动态颜色调节为例,展示如何结合状态管理和交互逻辑,打造一个高级的滑块控制器应用。
135 78
「Mac畅玩鸿蒙与硬件41」UI互动应用篇18 - 多滑块联动控制器
|
4天前
|
UED
「Mac畅玩鸿蒙与硬件40」UI互动应用篇17 - 照片墙布局
本篇将带你实现一个简单的照片墙布局应用,通过展示多张图片组成照片墙效果,用户可以点击图片查看其状态变化。
106 67
「Mac畅玩鸿蒙与硬件40」UI互动应用篇17 - 照片墙布局
|
6天前
「Mac畅玩鸿蒙与硬件38」UI互动应用篇15 - 猜数字增强版
本篇将带你实现一个升级版的数字猜谜游戏。相比基础版,新增了计分和历史记录功能,用户可以在每次猜测后查看自己的得分和猜测历史。此功能展示了状态管理的进阶用法以及如何保存和显示历史数据。
59 31
「Mac畅玩鸿蒙与硬件38」UI互动应用篇15 - 猜数字增强版
|
9天前
|
UED 开发者
「Mac畅玩鸿蒙与硬件36」UI互动应用篇13 - 数字滚动抽奖器
本篇将带你实现一个简单的数字滚动抽奖器。用户点击按钮后,屏幕上的数字会以滚动动画的形式随机变动,最终显示一个抽奖数字。这个项目展示了如何结合定时器、状态管理和动画实现一个有趣的互动应用。
60 23
「Mac畅玩鸿蒙与硬件36」UI互动应用篇13 - 数字滚动抽奖器
|
5天前
|
前端开发 UED
「Mac畅玩鸿蒙与硬件39」UI互动应用篇16 - 倒计时环形进度条
本篇将带你实现一个倒计时环形进度条应用。用户可以设置倒计时的时间,启动倒计时后,应用会动态显示一个随着时间递减的环形进度条,同时伴有数字倒计时显示。这是结合动画效果和时间管理的实用示例。
88 10
「Mac畅玩鸿蒙与硬件39」UI互动应用篇16 - 倒计时环形进度条
|
10天前
「Mac畅玩鸿蒙与硬件35」UI互动应用篇12 - 简易日历
本篇将带你实现一个简易日历应用,显示当前月份的日期,并支持选择特定日期的功能。用户可以通过点击日期高亮选中,还可以切换上下月份,体验动态界面的交互效果。
37 12
「Mac畅玩鸿蒙与硬件35」UI互动应用篇12 - 简易日历
|
12天前
|
存储 UED
「Mac畅玩鸿蒙与硬件33」UI互动应用篇10 - 数字猜谜游戏
本篇将带你实现一个简单的数字猜谜游戏。用户输入一个数字,应用会判断是否接近目标数字,并提供提示“高一点”或“低一点”,直到用户猜中目标数字。这个小游戏结合状态管理和用户交互,是一个入门级的互动应用示例。
48 7
「Mac畅玩鸿蒙与硬件33」UI互动应用篇10 - 数字猜谜游戏
|
14天前
「Mac畅玩鸿蒙与硬件32」UI互动应用篇9 - 番茄钟倒计时应用
本篇将带你实现一个番茄钟倒计时应用,用户可以设置专注时间和休息时间的时长,点击“开始专注”或“开始休息”按钮启动计时,应用会在倒计时结束时进行提醒。番茄钟应用对于管理时间、提升工作效率非常有帮助,并且还会加入猫咪图片作为界面装饰,让体验更加有趣。
61 8
「Mac畅玩鸿蒙与硬件32」UI互动应用篇9 - 番茄钟倒计时应用
|
10天前
|
存储
「Mac畅玩鸿蒙与硬件34」UI互动应用篇11 - 颜色选择器
本篇将带你实现一个颜色选择器应用。用户可以从预设颜色中选择,或者通过输入颜色代码自定义颜色来动态更改界面背景。该应用展示了如何结合用户输入、状态管理和界面动态更新的功能。
28 3
「Mac畅玩鸿蒙与硬件34」UI互动应用篇11 - 颜色选择器
|
15天前
|
UED
「Mac畅玩鸿蒙与硬件31」UI互动应用篇8 - 自定义评分星级组件
本篇将带你实现一个自定义评分星级组件,用户可以通过点击星星进行评分,并实时显示评分结果。为了让界面更具吸引力,我们还将添加一只小猫图片作为评分的背景装饰。
54 6
「Mac畅玩鸿蒙与硬件31」UI互动应用篇8 - 自定义评分星级组件

热门文章

最新文章