【鸿蒙学习】HarmonyOS应用开发者基础-DevEco Studio的使用

最新推荐文章于 2024-10-28 13:50:39 发布

熬夜的王

最新推荐文章于 2024-10-28 13:50:39 发布

阅读量1.9k

点赞数 23

分类专栏：鸿蒙学习文章标签： harmonyos 学习策略模式

本文链接：https://blog.csdn.net/qq_15062089/article/details/141106432

版权

鸿蒙学习专栏收录该内容

28 篇文章 3 订阅

订阅专栏

在这里插入图片描述

一、DevEco Studio介绍

HUAWEI DevEco Studio是基于IntelliJ IDEA Community开源版本打造，面向华为终端全场景多设备的一站式集成开发环境（IDE），为开发者提供工程模板创建、开发、编译、调试、发布等E2E的HarmonyOS应用/服务开发。DevEco Studio支持Windows和macOS系统。

说明

DevEco Studio提供开箱即用的开发体验，将HarmonyOS SDK、Node.js、Hvigor、OHPM、模拟器平台等进行合一打包，简化DevEco Studio安装配置流程。
HarmonyOS SDK已嵌入DevEco Studio中，无需额外下载配置。HarmonyOS SDK可以在DevEco Studio安装位置下DevEco Studio\sdk目录中查看。如需进行OpenHarmony应用开发，可通过Settings > OpenHarmony SDK页签下载OpenHarmony SDK。

DevEco Studio支持使用多种语言进行应用/服务的开发，包括ArkTS、JS和C/C++。在编写应用/服务阶段，可以通过掌握代码编写的各种常用技巧，来提升编码效率。

二、安装环境要求

Windows环境

运行环境要求

为保证DevEco Studio正常运行，建议电脑配置满足如下要求：

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

macOS环境

运行环境要求

为保证DevEco Studio正常运行，建议电脑配置满足如下要求：

操作系统：macOS(X86) 12/13/14 macOS(ARM) 12/13/14
内存：8GB及以上
硬盘：100GB及以上
分辨率：1280*800像素及以上

下载地址：https://developer.huawei.com/consumer/cn/deveco-studio/

三、目录结构

在这里插入图片描述

AppScope > app.json5：应用的全局配置信息，详见app.json5配置文件。
entry：HarmonyOS工程模块，编译构建生成一个HAP包。

src > main > ets：用于存放ArkTS源码。
src > main > ets > entryability：应用/服务的入口。
src > main > ets > entrybackupability：应用提供扩展的备份恢复能力。
src > main > ets > pages：应用/服务包含的页面。
src > main > resources：用于存放应用/服务所用到的资源文件，如图形、多媒体、字符串、布局文件等。关于资源文件，详见资源分类与访问。
src > main > module.json5：模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。具体的配置文件说明，详见- module.json5配置文件。
build-profile.json5：当前的模块信息、编译信息配置项，包括buildOption、targets配置等。
hvigorfile.ts：模块级编译构建任务脚本。
obfuscation-rules.txt：混淆规则文件。混淆开启后，在使用Release模式进行编译时，会对代码进行编译、混淆及压缩处理，保护代码资产。详见开启代码混淆。
oh-package.json5：用来描述包名、版本、入口文件（类型声明文件）和依赖项等信息。

oh_modules：用于存放三方库依赖信息。
build-profile.json5：工程级配置信息，包括签名signingConfigs、产品配置products等。其中products中可配置当前运行环境，默认为HarmonyOS。
hvigorfile.ts：工程级编译构建任务脚本。
oh-package.json5：主要用来描述全局配置，如：依赖覆盖（overrides）、依赖关系重写（overrideDependencyMap）和参数化配置（parameterFile）等。

四、编辑器与预览器

编辑器

DevEco Studio是基于IntelliJ IDEA Community开源版本打造，所以基本的操作方式与IntelliJ IDEA Community的使用是一致的，它具有一些提升编码效率的方法：

A. 提供代码的智能补齐能力，编辑器工具会分析上下文并理解项目内容，并根据输入的内容，提示可补齐的类、方法、字段和关键字的名称等
B. 在编辑器中调用ArkTS API接口或ArkTS/JS组件时，支持在编辑器中快速、精准调取出对应的参考文档
C. 代码格式化功能可以帮助您快速的调整和规范代码格式，提升代码的美观度和可读性
D. 如果输入的语法不符合编码规范，或者出现语义语法错误，编辑器会显示错误或警告

预览器

预览器支持ArkTS/JS应用/服务“实时预览”和“动态预览”。

实时预览： 在开发界面UI代码过程中，如果添加或删除了UI组件，您只需Ctrl+S进行保存，然后预览器就会立即刷新预览结果。如果修改了组件的属性，则预览器会实时（亚秒级）刷新预览结果，达到极速预览的效果（当前版本极速预览仅支持ArkTS组件。支持部分数据绑定场景，如@State装饰的变量）。实时预览默认开启，如果不需要实时预览，请单击预览器右上角按钮，关闭实时预览功能。

说明
开发者修改resources/base/profile目录下的配置文件（如main_pages.json/form_config.json），不支持触发实时预览，开发者需要点击重新加载。
动态预览： 在预览器界面，可以在预览器中操作应用/服务的界面交互动作，如单击、跳转、滑动等，与应用/服务运行在真机设备上的界面交互体验一致。

一个页面可以理解成由若干组件构建而成，比如，HomePage页面从上到下拆分成三个部分，分别是SwiperView、CenterGridView、ListImageView。每个自定义组件头部加上@Preview，在预览时，就可以单独预览自定义组件。效果如图所示：
用@Entry装饰器修饰的组件可作为页面入口组件

五、HDC

hdc（HarmonyOS Device Connector）是为开发人员提供的用于调试的命令行工具，通过该工具可以在windows/linux/mac系统上与真实设备进行交互。
HDC的常见命令详解：
https://developer.huawei.com/consumer/cn/training/course/slightMooc/C101717494752698457
希望大家多多关注+点赞+收藏 🙏🙏，你们的鼓励是我不断前进的动力💪💪！！！