鸿蒙 DevEco Studio 3.1 入门指南

本文主要记录开发者入门,从软件安装到项目运行,以及后续的学习

1,配置开发环境

1.1 下载安装包

官网下载链接 点击立即下载找到对应版版本

下载完成,按照提示默认安装即可

1.2 下载SDK及工具链

  1. 运行已安装的DevEco Studio,首次使用,请选择Do not import settings ,单击OK
  2. 安装Node.js与ohpm。可以指定本地已安装的Node.js或ohpm(Node.js版本要求为v14.19.1及以上,且低于v17.0.0;对应的npm版本要求为6.14.16及以上)路径位置;如果本地没有合适的版本,可以选择Install 按钮,选择下载源和存储路径后,进行在线下载,单击Next进入下一步。

按照提示Next,最后一页单击Finish,界面会进入到DevEco Studio欢迎页

1.3 诊断开发环境

DevEco Studio提供了开发环境诊断的功能,可以在欢迎界面单击Help > Diagnose Development Environment进行诊断

DevEco Studio开发环境诊断项包括电脑的配置、网络的连通情况、依赖的工具或SDK等。如果检测结果为未通过,请根据检查项的描述和修复建议进行处理。

1.4 配置环境变量

配置HDC工具环境变量

此电脑 > 属性 > 高级系统设置 > 高级 > 环境变量中,添加HDC端口变量名为:HDC_SERVER_PORT,变量值可设置为任意未被占用的端口,如7035。

配置Node环境变量

此电脑 > 属性 > 高级系统设置 > 高级 > 环境变量中,在系统或者用户的PATH变量中,添加Node.js安装位置的路径。

2.创建和运行

2.1 新建项目

打开DevEco Studio,在欢迎页单击Create Project,创建一个新工程。

填写工程相关信息,可自定义修改,单击Finish

工程创建完成后,DevEco Studio会自动进行工程的同步。

2.2 页面预览

点击右边的Previewer、然后关闭Tutorial教程,即可预览

2.3 模拟器运行

  1. 在DevEco Studio菜单栏,单击Tools > Device Manager
  2. Remote Emulator 页签中单击Sign In ,在浏览器中弹出华为开发者联盟帐号登录界面,请输入已实名认证的华为开发者联盟帐号的用户名和密码进行登录。

Local Emulator 菜单,选择Phone,点击右下角New Emulator,下载对应插件,点击运行

3.开发指南

3.1 基础API学习

API地址可参考基础组件文档

3.2 登录Demo

源码下载 登录Demo右上角源码下载

总结

学无止境,文章精简了很多,可查阅 官方文档更为细致。

相关推荐
SummerKaze1 天前
为鸿蒙开发者写一个 nvm:hmvm 的设计与实现
harmonyos
在人间耕耘3 天前
HarmonyOS Vision Kit 视觉AI实战:把官方 Demo 改造成一套能长期复用的组件库
人工智能·深度学习·harmonyos
王码码20353 天前
Flutter for OpenHarmony:socket_io_client 实时通信的事实标准(Node.js 后端的最佳拍档) 深度解析与鸿蒙适配指南
android·flutter·ui·华为·node.js·harmonyos
HarmonyOS_SDK3 天前
【FAQ】HarmonyOS SDK 闭源开放能力 — Ads Kit
harmonyos
Swift社区3 天前
如何利用 ArkUI 框架优化鸿蒙应用的渲染性能
华为·harmonyos
特立独行的猫a3 天前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS影视票房榜组件完整实现过程
华为·uni-app·harmonyos·轮播图·uniapp-x
盐焗西兰花3 天前
鸿蒙学习实战之路-STG系列(5/11)-守护策略管理-添加与修改策略
服务器·学习·harmonyos
盐焗西兰花3 天前
鸿蒙学习实战之路-STG系列(4/11)-应用选择页功能详解
服务器·学习·harmonyos
lbb 小魔仙3 天前
鸿蒙跨平台项目实战篇03:React Native Bundle增量更新详解
react native·react.js·harmonyos
特立独行的猫a3 天前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS滚动卡片组件,scroll-view无法滚动踩坑全记录
华为·uni-app·harmonyos·uniapp-x