鸿蒙开发环境配置-Windows

背景

入局鸿蒙开发,发现在 Windows 下面配置安装相关环境并没有像 Mac 一样简单,过程中遇到了一些问题记录一下。

Devceo Studio 下载安装

目前鸿蒙的 IDE 最新版是 4.0,通过这个连接可以下载,鸿蒙4.0下载连接。选择符合我们电脑的版本,这里我们选择 Windows(64-bit)。

下载完成之后直接安装,这里可以根据自己的想要存放的路径。

安装完成之后打开,需要先下载相关的依赖和 SDK,因为它默认安装的下载路径是放在了 C 盘,考虑到 SDK 和相关的工具链的内容很多,这里我将它放在了 D 盘下面,这里就踩了一个坑,选择了 D:\HarmonyOS,最终导致了 npm 和 ohpm 没有正确下载安装注册,如下图,需要自己再手动进行配置安装。

从结果来看,它对于路径还是有要求的,我根据它 set it up now 的提示,自己手动在 需要 HarmonyOS 创建了两个路径,然后继续下载注册就成功了。

D:\HarmonyOS\ohpm\ohpm-1.2.5、D:\HarmonyOS\node\node-16.20.1

这里不涉及到 proxy 相关的配置。

Hello World

继续 create Project选择 Empty Ability,选择存放的路径,其他的按照官方默认的即可,

接下来要跑起来可以使用你的华为手机(鸿蒙系统的),没有的话可以创建一个虚拟机。

按照指引完成虚拟机安装之后,点击 run 选择你的模拟器,就可以跑起第一个程序啦。

参考连接

文档中心

相关推荐
xiaoqi9221 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
听麟1 小时前
HarmonyOS 6.0+ 智慧出行导航APP开发实战:离线地图与多设备位置协同落地
华为·wpf·harmonyos
qq_177767372 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
jin1233223 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_920931703 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
2501_920931704 小时前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos
2501_921930835 小时前
高级进阶 React Native 鸿蒙跨平台开发:InteractionManager 交互优化
react native·harmonyos
前端不太难5 小时前
HarmonyOS PC 文档模型完整范式
华为·状态模式·harmonyos
ITUnicorn7 小时前
【HarmonyOS6】从零实现自定义计时器:掌握TextTimer组件与计时控制
华为·harmonyos·arkts·鸿蒙·harmonyos6
摘星编程7 小时前
OpenHarmony + RN:Stack堆栈导航转场
react native·react.js·harmonyos