预览器:HarmonyOS(鸿蒙)DevEco Studio开发环境搭建(从零开始一起学鸿蒙开发,走在风口上,我们一起做那只会飞的猪猪侠)

目录

一、前置准备

二、DevEco Studio软件下载

三、安装步骤

四、环境变量配置

一、前置准备

鸿蒙开发官网https://www.harmonyos.com/cn/develop架构等文档概览https://developer.harmonyos.com/cn/documentation开发文档地址https://developer.harmonyos.com/cn/docs/documentation/doc-guides/tools_overview-0000001053582387

在进行鸿蒙开发之前,首先需要注册一个华为的账户,并且进行实名认证,认证的方式有身份证认证和银行卡认证,官方建议使用银行卡认证,认证速度快。认证通过后的效果如下所示:

运行环境要求

操作系统:Windows10 64位内存:8GB及以上硬盘:100GB及以上分辨率:1280*800像素及以上

二、DevEco Studio软件下载

HUAWEI DevEco Studio(获取工具请点击链接下载,以下简称DevEco Studio)是基于IntelliJ IDEA Community开源版本打造,面向华为终端全场景多设备的一站式集成开发环境(IDE),为开发者提供工程模板创建、开发、编译、调试、发布等E2E的HarmonyOS应用开发服务。通过使用DevEco Studio,开发者可以更高效的开发具备HarmonyOS分布式能力的应用,进而提升创新效率。下载地址(有windows和Mac的版本):建议使用Release版本,更加稳定;需要尝试新功能的也可以使用Beta版本。

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

官网关于开发工具的介绍,如下图:

多设备统一开发环境:支持多种HarmonyOS设备的应用开发,包括手机(Phone)、平板(Tablet)、车机(Car)、智慧屏(TV)、智能穿戴(Wearable),轻量级智能穿戴(LiteWearable)和智慧视觉(Smart Vision)设备。支持多语言的代码开发和调试:包括Java、XML(Extensible Markup Language)、C/C++ 、 JS(JavaScript)、CSS(Cascading Style Sheets)和HML(HarmonyOS Markup Language)。支持FA(Feature Ability)和PA(Particle Ability)快速开发:通过工程向导快速创建FA/PA工程模板,一键式打包成HAP(HarmonyOS Ability Package)。支持分布式多端应用开发:一个工程和一份代码可跨设备运行,支持不同设备界面的实时预览和差异化开发,实现代码的最大化重用。支持多设备模拟器:提供多设备的模拟器资源,包括手机、平板、车机、智慧屏、智能穿戴设备的模拟器,方便开发者高效调试。支持多设备预览器:提供JS和Java预览器功能,可以实时查看应用的布局效果,支持实时预览和动态预览;同时还支持多设备同时预览,查看同一个布局文件在不同设备上的呈现效果。

三、安装步骤

解压安装包,运行exe文件,点击Next

选择安装路径,注意不要有中文和空格,单击Next

选择创建桌面快捷方式,单击Next

这一步无需修改,单击Install进行安装,等待安装完成

可以选择勾选运行DevEco Studio,单击Finish

选择Agree

npm registry无需修改,点击Start using DevEco Studio

选择鸿蒙SDK的安装目录,建议创建文件都规范起来,方便管理,单击Next

需要下载Previewer、Java、Toolchains、Js等SDK Componet,直接点击Next

选择Agreement,同意Harmony SDK License Agreement,点击Next

等待下载,时间稍微比较长(注意公司的网络可能会出现下载不了的问题,官网提供了代理的方式下载,来解决这个问题,地址:https://developer.harmonyos.com/cn/docs/documentation/doc-guides/environment_config-0000001052902427

看到Done即为下载完成、点击Finish即可

安装完成

四、环境变量配置

最后在开始开发之前,先配置下环境变量,这样会方便后续开发,右击我的电脑、点击属性

点击高级系统设置

点击环境变量

新增用户变量

变量名称:HDC_SERVER_PORT ,变量值:7035

三个页面依次点击确定,即可!到此安装完成。

相关推荐

相关文章