搭建鸿蒙系统环境开发
本文介绍了DevEco Studio开发环境的配置过程及首个应用的创建。首先从华为官网下载安装DevEco Studio,通过国内镜像快速安装Git并配置环境变量。随后详细说明了系统环境变量的路径配置步骤。在应用开发部分,重点描述了如何修改布局、添加交互按钮实现页面跳转功能,包括页面路由配置和组件事件绑定。最后分享了遇到的代码编译问题及解决方法:通过重启电脑等待完整编译后问题得以解决。整个过程涵盖
1.由于我之前已经下载和配置过Java的环境,所以我首先是先下载和安装DevEco Studio
下载方式为:
- 地址:华为开发者联盟官网
- 选择:对应系统版本(Windows/macOS/Linux),优先下载最新稳定版
2.下载git
问题:一开始在官网下载,但发现下载时间实在太久,则选择了国内镜像文件
国内镜像文件优点:速度快,能与电脑适配
安装(关键步骤)
- 运行安装包,默认选项即可(无需修改),仅需注意:
- 勾选 “Add Git to PATH”(自动配置环境变量,无需手动操作)
- 默认编辑器可保留 Vim,或选 Notepad++(按需)
2. 环境验证
- 打开终端(Windows:CMD/PowerShell;macOS:终端)
- 输入命令 git --version,显示版本号(如 “git version 2.45.0”)即配置成功

3.路径配对
Win + S → 搜索 “环境变量” → 编辑系统环境变量 → 环境变量 → 系统变量 → 找到
Path→ 编辑 → 新建 → 粘贴上述路径
D:\Program Files\DevEco Studio\bin\devecostudio64.exeStudio\sdk\default\openharmony\toolchains
D:\Program Files\DevEco Studio\bin\devecostudio64.exe Studio\tools\ohpm\bin
D:\Program Files\DevEco Studio\bin\devecostudio64.exe Studio\tools\node
D:\Program Files\DevEco Studio\bin\devecostudio64.exe Studio\tools\hvigor\bin
4.学习创建首个应用
首先打开Index.ets文件,将页面从RelativeContainer相对布局修改成Row/Column线性布局
在默认页面基础上,我们添加一个Button组件,作为按钮响应用户onClick事件,从而实现跳转到另一个页面。:

构建第二个页面:
在main_pages.json文件中的"src"下配置第二个页面的路由"pages/Second
参照第一个页面,在第二个页面添加Text组件、Button组件等,并设置其样式。
页面间的导航可以通过页面路由router来实现。页面路由router根据页面url找到目标页面,从而实现跳转。使用页面路由请导入router模块。
在第一个页面中,跳转按钮绑定onClick事件,单击按钮时跳转到第二页
在第二个页面中,返回按钮绑定onClick事件,单击按钮时返回到第一页。
最终结果为:


此前遇到的问题:
解决方法:群里的学长说是进入不了模块,我就换了管理员身份进入,依然发现没有解决。我重启电脑,再次打开程序,等待代码编译完成之后发现可以了,所以问题是由于代码没有编译完全而打不开。
更多推荐




所有评论(0)