【鸿蒙应用开发】开发环境搭建及IDE安装使用

1.下载安装包

安装包下载地址:

点击跳转下载页面

可以根据自己的操作系统选择对应版本下载。

本文以Windows安装为例,Mac安装方式相同

2. 安装

下载好后,打开安装包,进入安装界面:

img

点击Next,进入安装目录选择页面(不要出现中文或特殊字符),可以走默认路径:

img

点击Next,进入安装选项页面,按照如图所示勾选即可:

img

点击Next,进入安装页,直接点击Install:

img

耐心等待安装完成:

img

选择重启电脑,Finish:

img

重启完成后,会在桌面看到DevEco Studio的图标:

img

3.配置开发环境

双击启动,进入首次运行的欢迎页面:

img

选择Agree,进入配置导入页面,选择不导入任何配置:

img

选择要安装的Node.js和Ohpm位置,其中ohpm是Open Harmony Package Management的缩写,也就是类似npm的包管理工具。这里有几点注意事项:

  • 如果电脑上已经有Node.js,但是版本不一致,建议选择让工具重新安装
  • 如果电脑上已经有Node.js,并且版本一致,可以选择Local,指定node目录即可
  • 如果电脑上对Node.js做了一些特殊的options配置,建议先移除
  • 配置目录中不要出现中文、特殊字符,建议用默认路径

img

选择Next后,进入HarmonyOS的SDK安装目录选择页面,同样注意不要出现中文和特殊字符,建议走默认路径:

img

选择Next后,进入协议页面,全部选择Accept:

img

选择Next后,进入SDK确认信息页面:

img

直接点击Next安装即可。

4.环境错误处理

在安装的过程中,如果出现类似下面的错误:

img

一般就是因为你本地原本的Node.js配置异常导致的,建议清理环境变量中对于Node.js的配置之后再重试。

重试时无需重新安装,而是再次打开DevEco Studio,点击界面左下方的**?**按钮:

img

选择Diagnose Development Environment,即诊断开发环境选项,会进入诊断页面:

img

这里会提示安装出现问题的选项,点击异常项后面的set it up now即可重新安装。

如果所有问题都已经解决,最终重试后等待所有项都是 √ 即可:

img

当然,官方文档中也有更加详细的示例说明:

https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/environment_config-0000001052902427-V3#section551917522319

5.helloworld

开发鸿蒙应用,需要先创建一个Project:

img

然后进入创建应用页面,选择应用模板中的Empty Ability模板:

img

填写项目信息,其中Project name、Bundle name、Save location都可以自定义:

img

点击Finish完成创建。最终开发界面如图:

img

6.应用预览

创建好的应用中已经有了基础代码,我们以后开发后可以直接在工具中预览页面样式。如图:

点击右侧的previewer选项卡,即可看到预览效果:

img

7.安装模拟器

我们也可以利用设备模拟器来查看更真实的效果。不过需要先配置模拟器。

首先,选择主菜单中的Tools,找到其中的Device Manager,即设备管理:

img

设备可以是远端设备,也可以是本地设备,我们以本地设备为例。

默认本地没有任何设备,选择install来安装一个:

img

首次点击时,会弹出一个窗口,下载必要的SDK依赖:

img

等待一段时间的下载之后,选择Finish。

进入创建模拟器页面,选择New Emulator:

img

添加手机模拟器:

img

选择api9版本,不过需要注意,首次进入此页面,需要下载手机设备需要的系统,大概2.2G,需要耐心等待:

img

下载完成后,才可以选中,然后点击Next,进入下一步:

img

finish:

img

创建完成后,在设备列表中会出现一个本地设备,点击后面的运行按钮即可启动设备模拟器:

img

启动后如图:

img

然后,在应用启动位置选择刚刚添加的模拟器:

img

点击启动,可以将应用部署到模拟器:

img

效果与预览类似:

img

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/247484.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

LInux组管理及拓展

目录 一、Linux组管理 (一)、组的概述 1.概述 2.作用 (二)、组操作 1.创建 2.修改 3.删除 4.添加用户 二、用户信息查看 (一)、id (二)、finger (三&#x…

【专题】【中值定理-还原大法】

1)构造辅助函数 2)罗尔定理: 闭区间连续,开区间可导 F(a)F(b) 3)F‘(ξ)0,原命题得证 极限保号性:

ISIS配置以及详解

作者简介:大家好,我是Asshebaby,热爱网工,有网络方面不懂的可以加我一起探讨 :1125069544 个人主页:Asshebaby博客 当前专栏: 网络HCIP内容 特色专栏: 常见的项目配置 本文内容&am…

【C进阶】C程序是怎么运作的呢?-- 程序环境和预处理(上)

前言: 由于c语言的程序编译链接的这块知识点不清楚,回来复习一遍,以便于好理解c知识,我会尽快更新下一篇文章。 目录 1.程序的翻译环境和执行环境 2.翻译环境(编译链接) 编译(编译器&#xf…

C语言分支结构程序之if语句(1)

目录 if语句其一 奇数的判定 if语句其二 对奇数偶数的判断 if语句的结构图 专题 语法结构 结构图的阅读方法 结构图示例 相等运算符 关系运算符 嵌套的if语句 if语句其一 大家的一天都会怎么度过呢?我想应该不会是被设计好的程序那样循规蹈矩,我们…

webpack学习-1.起步

webpack学习-1.起步 1.基础设置2.配置文件的引入3.总结 1.基础设置 首先 webpack是干嘛的呢,用官网的一张图 Webpack 是一个现代的静态模块打包工具。它主要用于将前端应用程序中的各种资源(例如 JavaScript、CSS、图片等)打包成一个或多个…

【杂】解决关于mean(0)理解错误引发的程序bug

一、环境和解释器要一起配置好 invalid syntax 发生你在终端激活了一个环境,但 VSCode 依然使用之前的解释器的情况。 解释器设置影响了 VSCode 中运行 Python 脚本、调试、代码补全等功能的行为。VSCode 会根据你选择的解释器来执行这些操作。 二、关于mean&#x…

菜鸟学习日记(python)——运算符

我们进行运算时,需要两类数据,操作数和运算符,例如:ab就是一个运算,它的操作数是a和b,运算符是‘’ 在python中运算符包括以下几大类: 算数运算符比较(关系)运算符赋值…

JFrog----软件成分分析(SCA)简介

文章目录 1. SCA的重要性2. SCA的工作方式3. 安全漏洞分析4. 许可证合规性5. 代码质量和维护性结语 在当今的快速发展的软件行业中,软件成分分析(Software Composition Analysis,简称SCA)已成为一个不可或缺的工具。SCA的主要任务…

Remix介绍

编写和交互智能合约的集成开发IDE Remix - Ethereum IDE 使用Solidity插件 开始编写Solidity代码 任何一个智能合约中,都需要先声明Solidity的版本,定义一个license,一般使用MIT协议,有些编译器不写license会报错 // SPDX-Licen…

[oeasy]python0002_终端_CLI_GUI_编程环境_游戏_真实_元宇宙

回忆 上次 了解了 python 语言的特点 历史悠久功能强大深受好评已成趋势 3大主流操作系统 macwindowslinux 我们 选择 linux 作为基础系统 为什么选择 黑乎乎的命令行界面呢?🤔 GUI vs CLI 个人电脑 用图标和菜单组成 图形界面(GUI) Graphic User I…

Attributes should be specified via @SpringBootApplication 和 idea运行时提示内存不足

警告信息 Attributes should be specified via SpringBootApplication 因为:SpringBootApplication注解中已经包含EnableAutoConfiguration注解,不需要重复定义EnableAutoConfiguration注解。 内存不足 参考文章:【java.lang.OutOfMemoryE…