0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

华为鸿蒙OS的环境搭建和初体验

ArkUI详解 来源:鸿蒙实验室 作者:鸿蒙实验室 2022-02-28 10:50 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

华为云享专家,InfoQ签约作者,阿里云专家博主,51CTO博客首席体验官,开源项目GVA成员之一,专注于大前端技术的分享,包括Flutter,小程序,安卓,VUE,JavaScript。

在体验之前,大家可以先看这张图,然后按图索骥,不过不会在这个教程教如何如何安装nodejs,

华为鸿蒙OS的环境搭建和初体验

接下来开始正文

1.第一步,打开链接,点击下载

https://developer.harmonyos.com/cn/develop/deveco-studio/

华为鸿蒙OS的环境搭建和初体验

目前最新版本

https://developer.harmonyos.com/cn/develop/deveco-studio#download_beta

华为鸿蒙OS的环境搭建和初体验

两个版本都可以下载,看你自己需要

Release版本提供更稳定的功能特性,

Beta版本提供了支持HarmonyOS 3.0.0 开发者预览版的开发能力,让您尝鲜体验HarmonyOS 3.0.0最新功能,

下载到本地之后双击exe可执行文件

华为鸿蒙OS的环境搭建和初体验

2.一路next,在这步记得勾选,这样后续开发比较方便。至于为什么鸿蒙不支持vs和as开发,大家可以自己去探究。

华为鸿蒙OS的环境搭建和初体验

3.运行已安装的DevEco Studio,首次使用,请选择Do not import settings,点击OK。

进入配置向导页面,设置npm registry,DevEco Studio已预置对应的仓,直接点击Start using DevEco Studio进入下一步。

说明

如果配置向导界面出现的是设置Set up HTTP Proxy界面,说明网络受限,请根据参考信息配置DevEco Studio代理、NPM代理和Gradle代理后,再下载HarmonyOS SDK。

华为鸿蒙OS的环境搭建和初体验

DevEco Studio向导指引开发者下载SDK,默认下载OpenHarmony SDK。SDK下载到user目录下,也可以指定对应的存储路径,SDK存储路径不支持中文字符,然后点击Next。

在弹出的SDK下载信息页面,点击Next,并在弹出的License Agreement窗口,点击Accept开始下载SDK。

华为鸿蒙OS的环境搭建和初体验

等待OpenHarmony SDK及工具下载完成,点击Finish,界面会进入到DevEco Studio欢迎页。

4.配置HDC工具环境变量

HDC是为开发者提供HarmonyOS应用/服务的调试工具,为方便使用HDC工具,请为HDC工具及其端口号设置环境变量。

Windows环境变量设置方法:

在此电脑 > 属性 > 高级系统设置 > 高级 > 环境变量中,添加HDC端口变量名为:HDC_SERVER_PORT,变量值设置为7035。

华为鸿蒙OS的环境搭建和初体验

在path变量中,添加HDC工具路径,HDC工具路径为:HarmonyOS SDK安装目录/toolchains。

F:\HarmonySdk\toolchains

5.创建和运行Hello World

打开DevEco Studio,在欢迎页点击Create Project,创建一个新工程,选择js的方式,目前支持的有js,java和c++,这方面看自己的喜好。

华为鸿蒙OS的环境搭建和初体验

6.填写工程相关信息,Device Type选择Phone,其他保持默认值即可,点击Finish。关于各个参数的详细介绍,

华为鸿蒙OS的环境搭建和初体验

工程创建完成后,DevEco Studio会自动进行工程的同步,同步成功如下图所示。

7.使用模拟器运行HelloWorld

DevEco Studio提供远程模拟器和本地模拟器,本示例以远程模拟器为例进行说明

DevEco Studio提供模拟器供开发者运行和调试HarmonyOS应用/服务。

在DevEco Studio菜单栏,点击Tools > Device Manager。

在Remote Emulator页签中点击Login,在浏览器中弹出华为开发者联盟帐号登录界面,请输入已实名认证的华为开发者联盟帐号的用户名和密码进行登录(查看远程模拟器登录常见问题)。

说明

推荐使用最新版本Chrome浏览器,如果使用Safari、360等其他浏览器,要取消阻止跨站跟踪和阻止所有Cookie功能。

登录后,请点击界面的允许按钮进行授权。

华为鸿蒙OS的环境搭建和初体验

在设备列表中,选择Phone设备P40,并点击

按钮,运行模拟器。

华为鸿蒙OS的环境搭建和初体验

点击DevEco Studio工具栏中的

按钮运行工程,或使用默认快捷键Shift+F10(Mac为Control+R)运行工程。

华为鸿蒙OS的环境搭建和初体验

8.已成功运行了第一个HarmonyOS应用/服务,

华为鸿蒙OS的环境搭建和初体验

到此华为鸿蒙os 的环境搭建和初体验就讲完了

最后总结:

作为一枚Flutter开发程序员,第一点,第一次上手这个IDE和语言环境还是比较顺利的 基本能看懂 具体的还要看官网文档和api使用情况,没有具体去深入写, 个人看法学起来应该不难,第二点,如果有空了解和学习鸿蒙OS开发 没有坏处 ,不要等到书到用书方恨少 那就不好了 ,有兴趣的同学可以根据教程安装开发环境学习和了解 ,最后希望我的文章能帮助到各位解决问题 。

审核编辑:汤梓红

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 华为
    +关注

    关注

    217

    文章

    35782

    浏览量

    260696
  • 开源
    +关注

    关注

    3

    文章

    4031

    浏览量

    45561
  • 安卓
    +关注

    关注

    5

    文章

    2178

    浏览量

    59860
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    开源鸿蒙技术大会2025丨OS内核与视窗分论坛:筑基开源鸿蒙核心内核,共拓视窗技术边界

    开源鸿蒙技术大会2025 OS内核与视窗分论坛在湖南长沙国际会议中心圆满举行。来自西北工业大学、浙江大学、厦门大学、华为等高校和企业的学者专家齐聚一堂,围绕鸿蒙内核通信机制、智能渲染、
    的头像 发表于 11-20 17:29 459次阅读
    开源<b class='flag-5'>鸿蒙</b>技术大会2025丨<b class='flag-5'>OS</b>内核与视窗分论坛:筑基开源<b class='flag-5'>鸿蒙</b>核心内核,共拓视窗技术边界

    开源鸿蒙技术大会2025丨OS原生智能分论坛圆满举办

    ,共同探讨下一代智能终端的技术发展方向与创新路径。OS原生智能分论坛由来自香港中文大学的卓敏讲座教授、ACM & IEEE Fellow吕自成与开源鸿蒙AI Agent TSG主任周剑辉、华为基础软件创新技术专家丁天虹担任出品人
    的头像 发表于 11-20 17:28 396次阅读
    开源<b class='flag-5'>鸿蒙</b>技术大会2025丨<b class='flag-5'>OS</b>原生智能分论坛圆满举办

    【汇思博SEEK100开发板试用体验】在开发板鸿蒙OS搭建QT开发环境

    无缝运行。理解这一架构原理,对于后续进行开发实践至关重要。 三、开发环境搭建 (一)所需工具及软件准备 1.华为 DevEco Studio:作为鸿蒙应用开发的官方 IDE,主要用于最
    发表于 08-24 18:34

    迅为RK3576开发板NPU环境搭建和使用rknn-toolkit2功能演示连板推理

    迅为RK3576开发板NPU环境搭建和使用rknn-toolkit2功能演示连板推理
    的头像 发表于 06-23 13:54 990次阅读
    迅为RK3576开发板NPU<b class='flag-5'>环境</b><b class='flag-5'>搭建和</b>使用rknn-toolkit2功能演示连板推理

    迅为RK3576开发板NPU环境搭建和使用rknn-toolkit2功能演示模型转换

    迅为RK3576开发板NPU环境搭建和使用rknn-toolkit2功能演示模型转换
    的头像 发表于 06-19 10:53 972次阅读
    迅为RK3576开发板NPU<b class='flag-5'>环境</b><b class='flag-5'>搭建和</b>使用rknn-toolkit2功能演示模型转换

    迅为RK3576开发板NPUrknn-toolkit2环境搭建和使用docker环境安装

    迅为RK3576开发板NPUrknn-toolkit2环境搭建和使用docker环境安装
    的头像 发表于 06-18 15:22 963次阅读
    迅为RK3576开发板NPUrknn-toolkit2<b class='flag-5'>环境</b><b class='flag-5'>搭建和</b>使用docker<b class='flag-5'>环境</b>安装

    迅为RK3576开发板NPU例程测试-rknn-toolkit2环境搭建和使用

    迅为RK3576开发板NPU例程测试-rknn-toolkit2环境搭建和使用
    的头像 发表于 06-17 13:46 1271次阅读
    迅为RK3576开发板NPU例程测试-rknn-toolkit2<b class='flag-5'>环境</b><b class='flag-5'>搭建和</b>使用

    华为鸿蒙电脑正式发布

    近日,华为鸿蒙电脑正式发布,宣告华为终端全面进入鸿蒙时代,而鸿蒙电脑,更是打开了星闪HID外设的巨大想象力空间。个人消费者将享受到更便捷、稳
    的头像 发表于 05-22 09:13 924次阅读

    华为将推出鸿蒙折叠电脑

    据媒体爆料,在5月19日华为将举办nova 14系列及鸿蒙电脑新品发布会;届时华为或将会推出全球首台鸿蒙折叠电脑,  从海报来猜测的话,类似折叠手机的折叠设计;
    的头像 发表于 05-15 14:08 646次阅读

    鸿蒙操作系统首登电脑端,华为开启鸿蒙办公新时代

    2025年5月8日,华为在深圳举办了鸿蒙电脑技术与生态沟通会,鸿蒙操作系统首次在电脑端亮相。这既是中国电子信息产业的历史性时刻,也是华为鸿蒙
    发表于 05-08 14:20 5760次阅读
    <b class='flag-5'>鸿蒙</b>操作系统首登电脑端,<b class='flag-5'>华为</b>开启<b class='flag-5'>鸿蒙</b>办公新时代

    Nordic 54L15开发环境搭建和开发文档谁知道,谢谢

    Nordic 54L15开发环境搭建和开发文档谁知道,谢谢
    发表于 03-10 15:34

    #新年新气象,大家新年快乐!#AIGC入门及鸿蒙入门

    、功能强大等特点,能够在物联网时代为用户提供更加便捷、高效的服务。 2.开发环境搭建: 下载并安装DevEco Studio,这是华为官方为鸿蒙系统开发提供的集成开发
    发表于 01-13 10:46

    AIGC入门及鸿蒙入门

    、小巧、功能强大等特点,能够在物联网时代为用户提供更加便捷、高效的服务。 2. 开发环境搭建: 下载并安装DevEco Studio,这是华为官方为鸿蒙系统开发提供的集成开发
    发表于 01-13 10:32

    华为云 Flexus X 实例下的场景体验——小企业的福星——最简单的 php 环境搭建

    搭建一个 php 服务跑自己的【企业网站】是最方便不过的了,接下来我们就来搭建一下环境。 PHP 环境搭建 这里我们用的是 php 开发者常
    的头像 发表于 01-02 11:59 688次阅读
    <b class='flag-5'>华为</b>云 Flexus X 实例下的场景体验——小企业的福星——最简单的 php <b class='flag-5'>环境</b><b class='flag-5'>搭建</b>

    如何搭建企业AI开发环境

    搭建企业AI开发环境是一个复杂而细致的过程,涉及硬件选择、操作系统配置、软件安装、工具选用以及实践等多个方面。下面,AI部落小编将详细介绍如何搭建企业AI开发环境
    的头像 发表于 12-20 10:37 1243次阅读