DevEco Studio 安装完整流程

已于 2023-12-10 16:36:53 修改
阅读量324 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 前端 harmonyos javascript
于 2023-12-10 15:49:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wbskb/article/details/134909424
本文指导如何在Windows上下载并安装HUAWEIDevEcoStudio和SDK，包括解压、设置安装路径、应用配置以及重启计算机以确保安装成功。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

下载地址：HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者

1.下载自己需要的安装包

这里是 Windows(64-bit),也以此为例

image.png

2.解压出来

image.png

得到文件夹

image.png

进入文件夹

image.png

3.开始安装

点击应用程序安装，出现此弹框，点 Next 下一步即可

image.png

选择你要安装的文件夹，然后继续点 Next 下一步

image.png

应用的一些设置，按照自己的需要来就可以，我这里就全部勾上了，然后继续点 Next 下一步

image.png

image.png

然后还是 Next 下一步， 直到出现安装进度条，安装完成之后会出现这个，这个弹框的意思是询问是否重启计算机，因为要重启计算机之后才算安装成功，我这里这个选项就直接重启了

image.png

后面应该就可以了，我先重启去了

补充：

全部完成后才可以使用
在这里插入图片描述

最后：
在这里插入图片描述

偷光
关注
鸿蒙开发工具DevEco Studio的安装与使用
m0_63144319的博客
01-16 866
下载之后得到的是一个压缩文件，进行解压，点击exe文件进行安装。安装的时候可能会用到Node.js，需要安装较新的版本，不兼容低版本，安装的时候也可以更具提示来安装。然后点击Create Project看看那些环境还没用设置，如图，点击Set up now来将需要安装的环境进行逐个安装。新建一个项目，项目名必须是无中文的目录，然后等待加载完毕即可。我们可以预览，但是发现不可以运行，就需要安装虚拟手机。下载后进行安装安装路径不要有中文，空格，特殊符号。现在就安装完成了，就可以新建项目了。
安装DevEco Studio
qq_45789342的博客
12-10 1231
DevEco Studio开发环境诊断项包括电脑的配置、网络的连通情况、依赖的工具是否安装等。如果检测结果为未通过，请根据检查项的描述和修复建议进行处理。为了您开发应用/元服务的良好体验，DevEco Studio提供了开发环境诊断的功能，帮助您识别开发环境是否完备。您可以在欢迎页面单击。如果您已经打开了工程开发界面，也可以在菜单栏单击。
安装DevEcoStudio教程
m0_74229735的博客
12-04 5432
安装包下载地址：HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者。
手把手教你安装DevEcoStudio
weixin_40464252的博客
08-21 1万+
1.下载安装包安装包下载地址：HUAWEI DevEco Studio和SDK下载和升级 | HarmonyOS开发者2.安装下载好后，打开安装包，进入安装界面：点击Next，进入安装目录选择页面（不要出现中文或特殊字符），可以走默认路径（但是C盘快满了的不推荐，可以放在别的盘里面）：点击Next，进入安装选项页面，按照...
win7如何安装鸿蒙开发环境DevEco Studio需要的JS SDK
Liudef06的博客
06-16 2235
win7如何安装DevEco Studio 需要的JS的sdk，主要原因在于原开发环境的node和npm适配是win8.1以上，以下是从b站转载的实现方法 主要安装JS时候，出现无法安装成功，原因在于最低版本需要win8.1以上。 解决办法如下： 1、下载node-v11.15.0-x64.msi（支持win7版本node.js即可） 2、按照DevEco Studio文档提供开发环境设置，设置好除了JS其他选项
在 Windows 系统安装鸿蒙开发工具 DevEco Studio
新疆程序员阿达西的博客
12-05 1464
鸿蒙开发者工具的下载及安装
DevEco Studio 3.1.1 Release（devecostudio-windows-3.1.0.501.zip）
11-08
DevEco Studio 3.1.1 Release是华为推出的一款专为HarmonyOS开发者设计的集成开发环境（IDE），旨在简化HarmonyOS应用的开发、调试和发布流程。这款工具集成了众多功能，使得开发者可以高效地进行多设备、跨平台的...
DevEco Studio 3.1.1 Release（devecostudio-mac-arm-3.1.0.501.zip）
11-08
在下载并解压"devecostudio-mac-arm-3.1.0.501.zip"后，用户需按照官方提供的安装步骤进行安装，并通过DevEco Studio创建新的HarmonyOS项目，选择合适的模板和设备类型。开发过程中，可以利用IDE内的各种工具进行...
DevEco Studio 3.1.1 Release（devecostudio-mac-3.1.0.501.zip）
11-08
DevEco Studio 3.1.1 Release是华为推出的针对HarmonyOS开发的专业集成开发环境，...在实际使用过程中，开发者应结合官方文档和社区资源，充分利用DevEco Studio的各项工具，提升开发效率，为HarmonyOS生态贡献力量。
鸿蒙开发第一步：DevEco Studio 保姆级安装指南
大雨的博客
06-22 648
通过以上步骤，我们顺利完成了 DevEco Studio 的安装和配置，成功开启了鸿蒙应用开发的大门。从前期的系统要求确认、安装包下载，到安装过程中的解压、运行程序，再到安装后的初始配置，每一步都至关重要，为我们后续的开发工作奠定了坚实的基础。在安装过程中，大家可能会遇到一些问题，但只要我们按照文中提供的解决方法，耐心排查和处理，一定能够顺利解决。如今，鸿蒙生态正蓬勃发展，拥有无限的潜力和机遇。
DevEco Studio安装教程、配置开发环境
qq_45345113的博客
12-25 1万+
鸿蒙应用开发：安装Deveco Studio及环境配置，基础模板开发
devecostudio-windows-tool-3.0.0.800安装教程
m0_56074485的博客
11-28 1741
3.0版本支持java语言安装教程，基于老版本未卸载时进行安装
【HarmonyOS开发】超详细手把手教你安装DevEco Studio及其配置
Android23333的博客
12-29 2913
在安装DevEco Studio的时候，可能会在安装或者配置的时候出现各种各样无从下手的小问题，下面小编手把手教你安装DevEco Studio。这里整理了一份《鸿蒙（HarmonyOS）开发学习指南》，希望能对那些想要学习鸿蒙，但是有没有方向的人提供一点帮助。（由于文档内容过多，因此为了避免影响到大家的阅读体验，在此只以截图展示部分内容，详细完整版的看文末有免费的获取方式！
DevEco Studio下载/安装配置教程(超详细图文教程)
zcj666999的博客
11-17 2万+
DevEco Studio下载/安装配置教程(超详细图文教程)
DevEco Studio下载安装、创建项目详细教程（2024）
热门推荐
m0_74451345的博客
01-06 3万+
HarmonyOS
鸿蒙开发DevEco Studio Setup 工具认识及使用
不断的重建
01-23 810
1.1 创建页面之前理解Ability。1.2 理解stage模式。1.3 工程级别目录结构。1.4 模块级别目录。
AndroidStudio4_1的安装配置
qq_55795222的博客
04-04 1904
AndroidStudio4_1的安装配置说明
环境安装：安装deveco-studio-4.1.3.500
张紫娃的博客
06-26 1361
１．１・解压１．２・执行。
DevEco Studio安装使用
最新发布
07-12
<think>我们正在回答用户关于HarmonyOS DevEco Studio安装和使用的问题。根据用户的问题，我们需要提供安装教程和使用指南。同时，用户提供了几个引用，我们可以参考这些引用来构建回答。 用户引用内容： [^1]：主要介绍了DevEco Studio安装与应用工程创建的基本流程，并建议参考官方文档和社区。 [^2]：详细说明了DevEco Studio提供的开发套件，包括HarmonyOS SDK、Node.js等，并提到OpenHarmony SDK的下载位置。 [^3]：记录了安装DevEco Studio的过程，包括安装Node.js、测试Node.js、下载DevEco Studio、安装中文语言包、配置环境变量等。 [^4]：是一篇安装配置完全指南，强调下载、安装和初步配置DevEco Studio的重要性。 根据以上引用和用户的问题，我们将分步骤讲解如何安装和使用DevEco Studio。 步骤： 1. 下载DevEco Studio 2. 安装DevEco Studio 3. 配置开发环境（包括Node.js、HarmonyOS SDK、OpenHarmony SDK等） 4. 创建第一个HarmonyOS应用工程 5. 运行和调试应用 同时，我们会在每个步骤中参考引用的内容，并在末尾添加相关问题。 注意：由于用户要求使用中文回答，并且按照系统指令处理数学公式（但本问题不涉及数学公式，所以可以忽略），同时要生成相关问题。 下面开始组织回答：</think>### HarmonyOS DevEco Studio 安装与使用指南 根据您的需求，结合官方文档和实践经验[^1][^2][^3][^4]，以下是完整的DevEco Studio安装与开发流程： --- #### 一、安装 DevEco Studio **步骤1：下载安装包** 1. 访问 [HarmonyOS开发者官网](https://developer.harmonyos.com/) 2. 导航至 **工具 > DevEco Studio**，选择匹配操作系统的版本（Windows/macOS/Linux）[^4] **步骤2：安装核心组件** ```bash # 安装过程中会自动集成以下组件[^2]： - HarmonyOS SDK - Node.js 运行时环境（≥14.19.1） - Hvigor 构建工具 - OHPM 包管理器 - 本地模拟器平台 ``` **注意**： - 若需开发 **OpenHarmony** 应用，需额外通过 `Settings > OpenHarmony SDK` 下载对应 SDK[^2] - 安装路径避免中文或特殊字符 **步骤3：环境验证** 1. 启动 DevEco Studio 2. 打开终端执行： ```bash node -v # 验证Node.js hdc -v # 验证HarmonyOS调试工具[^3] ``` 3. 配置网络代理（如遇下载失败）： `File > Settings > Appearance & Behavior > System Settings > HTTP Proxy`[^3] --- #### 二、创建第一个 HarmonyOS 工程 **步骤1：初始化项目** 1. 选择 `File > New > Project` 2. 模板选择 **Empty Ability** 3. 配置参数： ```ts Project Name: HelloHarmony // 项目名称 Bundle Name: com.example.hello // 包名 Device Type: Phone + Tablet // 目标设备 Language: ArkTS // 开发语言[^1] ``` **步骤2：理解工程结构** ```bash entry/src/main/ ├── ets/ │ ├── pages/ │ │ └── Index.ets # 主页面入口 │ └── entryability/ │ └── EntryAbility.ts # Ability生命周期管理 ├── resources/ # 静态资源 └── module.json5 # 应用配置 ``` **步骤3：编写 Hello World** 打开 `Index.ets`，替换为以下代码： ```tsx @Entry @Component struct Index { build() { Row() { Column() { Text('Hello HarmonyOS!') .fontSize(30) .fontColor(Color.Blue) Button('点击打印日志', { type: ButtonType.Capsule }) .onClick(() => { console.info('按钮被点击!') // 控制台输出日志 }) } .width('100%') } .height('100%') } } ``` --- #### 三、运行与调试 **方法1：使用模拟器** 1. `Tools > Device Manager` 2. 选择 **Phone** 设备 > 点击 `Create` 下载镜像 3. 启动模拟器后点击 ▶️ 运行按钮 **方法2：真机调试** 1. 手机开启开发者模式（设置 > 关于手机 > 多次点击版本号） 2. 启用 **USB调试** 和 **安装外部来源应用** 3. 通过 USB 连接电脑，选择设备运行 **调试技巧**： - 日志查看：`View > Tool Windows > Logcat` - 实时预览：编辑代码时右侧点击 **Previewer** 图标[^1] - 断点调试：在代码行号旁点击添加断点，使用 Debug 模式运行 --- #### 四、进阶配置 1. **中文语言包**： `Plugins > Marketplace` 搜索 **Chinese (Simplified)** 安装[^3] 2. **环境变量配置**（Linux/macOS）： ```bash export PATH=$PATH:/path/to/DevEcoStudio/bin export PATH=$PATH:/path/to/node/bin ``` 3. **Gradle 加速**： 修改 `gradle.properties` 添加国内镜像源[^3]： ```properties systemProp.http.proxyHost=mirrors.cloud.tencent.com systemProp.http.proxyPort=80 ``` --- #### 五、官方资源推荐 1. [HarmonyOS 开发文档](https://developer.harmonyos.com/cn/docs/documentation/) 2. [ArkUI 组件库](https://developer.harmonyos.com/cn/docs/design/des-guides/overview-0000001104075844) 3. [DevEco Studio 问题排查](https://developer.harmonyos.com/cn/docs/documentation/doc-guides/faq-deveco-studio-0000001263160453) > 提示：开发过程中遇到问题，优先查阅 **官方文档** 或 **开发者论坛**，多数常见问题已有解决方案[^1][^4]。 --- ### 相关问题 1. 如何解决 DevEco Studio 安装时 SDK 下载失败的问题？ 2. ArkTS 与 TypeScript 在语法上有哪些关键区别？ 3. 如何实现 HarmonyOS 应用的跨设备协同功能？ 4. DevEco Studio 的实时预览功能有哪些使用技巧？ 5. HarmonyOS 应用上架华为应用市场的流程是什么？ [^1]: 【HarmonyOS】：DevEco Studio安装与应用工程创建指南 [^2]: HarmonyOS NEXT开发：DevEco Studio安装指南 [^3]: HarmonyOS移动应用学习笔记——DevEco Studio安装 [^4]: 【HarmonyOS 5开发入门】DevEco Studio安装配置完全指南
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值