1.由于我之前已经下载和配置过Java的环境,所以我首先是先下载和安装DevEco Studio

下载方式为:

  • 选择:对应系统版本(Windows/macOS/Linux),优先下载最新稳定版

2.下载git 

问题:一开始在官网下载,但发现下载时间实在太久,则选择了国内镜像文件

国内镜像文件优点:速度快,能与电脑适配

安装(关键步骤)​

  1. 运行安装包,默认选项即可(无需修改),仅需注意:​
  • 勾选 “Add Git to PATH”(自动配置环境变量,无需手动操作)​
  • 默认编辑器可保留 Vim,或选 Notepad++(按需)​

2. 环境验证​

  1. 打开终端(Windows:CMD/PowerShell;macOS:终端)​
  2. 输入命令 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事件,单击按钮时返回到第一页。

最终结果为:

此前遇到的问题:

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

Logo

作为“人工智能6S店”的官方数字引擎,为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐