HarmonyOS的DevEcoStudio安装以及初步认识

目录

1.DevEco下载

2.DevEco安装

[3. 未开启Hyper-V](#3. 未开启Hyper-V)

1--开启Hyper-v流程

4.编译错误

5.目录结构

1)AppScope

2)entry:

3)build

4)entry->src

5)entry->src->main->etc

6)entry->src->main->resources

7)entry->src->main->module.json5

8)entry->src->ohosTest

9)entry->build-profile.json5

10)node_modulers

11)local.properties

6.资源的引用

[1--r() 引用](#1--r() 引用)

[2--rawfile('fileName')](#2--rawfile('fileName'))

7.配置文件

1)bundleName

2)vendor

3)versionCode

4)versionName

5)icon

6)lable

7)distributedNotificationEnabled

8.模块配置文件

1)name

2)type

3)description

4)mainElement

5)deviceType

6)page

7)abilities

8)package

9)defPermissions

10)reqPermissions


1.DevEco下载

DevEco Studio-HarmonyOS Next Beta版-华为开发者联盟

点击下载,并且打开

2.DevEco安装

按照步骤图片上的步骤安装就可以了

自定义一个安装目录

全部选中,点击下一步

等待安装==》时间比较长

安装完成===》完成

打开左面的图标

修改手机的安装目录

确保你的磁盘最少有10个GB

点击下载

等待下载

启动完成

连接网络

3)创建我的第一个应用程序

点击启动出现下面界面就算配置完成了

3. 未开启Hyper-V

1--开启Hyper-v流程

左下角点击右键===》点击设置

在新弹出的界面中点击应用

在新弹出的界面打开程序功能

点击启用关闭Windows功能

点击Hyper-V

点击立即重启

重启之后点击绿色的三角形启动

4.编译错误

这个是安装的成功状态

如果遇到编译错误,这个问题可能是你的npm下载源的配置

设置npm的下载源

npm config set registry https://registry.npm.taobao.org

5.目录结构

1)AppScope

应用的资源和配置信息,其中包括全局资源和应用配置的信息

2)entry:

默认启动模块,存放编写的源码以及资源文件

3)build

构建目录,编译后的文件

4)entry->src

源代码存放目录

5)entry->src->main->etc

eTS源代码文件

6)entry->src->main->resources

资源存放,例如元素(颜色,字符串,形状),媒体(图片,音频)

7)entry->src->main->module.json5

模块的配置文件

8)entry->src->ohosTest

存放单元测试文件代码的目录

9)entry->build-profile.json5

编译配置文件

10)node_modulers

node.js安装的包,和vue中的作用是一样的

11)local.properties

SDK对应的本地路径等

6.资源的引用

1--$r() 引用

可以引用color,float,string,media等

name是资源的名称

$r('app.type.name')

点击Previewer预览效果

2--$rawfile('fileName')

可引用图片,视频等文件

$rawfile("里面文件的名字")

7.配置文件

app.json5中的配置是面向整个应用

1)bundleName

应用的包名

2)vendor

开发商信息

3)versionCode

版本号

4)versionName

版本名字

5)icon

应用图标

6)lable

应用的标签名字

7)distributedNotificationEnabled

true 开启分布式 false 不开启分布式

8.模块配置文件

module.json5是模块的配置文件,有点类似spring中的applicaitons文件和yml文件,

1)name

模块名

2)type

模块类型

3)description

模块描述信息

4)mainElement

主Ability ,启动时首先加载的页面

5)deviceType

运行设备的类型

6)page

该模块包含的页面对应的配置信息

7)abilities

模块中所有的Ability

8)package

包名

9)defPermissions

定义应用的权限,这个程序必须有这些权限才能运行。

10)reqPermissions

运行时向系统申请的权限,和安卓中的权限申请很像,安卓中是在AndroidManifest.xml中申请的.

javascript 复制代码
{
  "module": {
    "name": "entry",
    "type": "entry",
    "description": "$string:module_desc",
    "mainElement": "EntryAbility",
    "deviceTypes": [
      "phone",
      "tablet",
      "2in1"
    ],
    "deliveryWithInstall": true,
    "installationFree": false,
    "pages": "$profile:main_pages",
    "abilities": [
      {
        "name": "EntryAbility",
        "srcEntry": "./ets/entryability/EntryAbility.ets",
        "description": "$string:EntryAbility_desc",
        "icon": "$media:layered_image",
        "label": "$string:EntryAbility_label",
        "startWindowIcon": "$media:startIcon",
        "startWindowBackground": "$color:start_window_background",
        "exported": true,
        "skills": [
          {
            "entities": [
              "entity.system.home"
            ],
            "actions": [
              "action.system.home"
            ]
          }
        ]
      }
    ],
    "extensionAbilities": [
      {
        "name": "EntryBackupAbility",
        "srcEntry": "./ets/entrybackupability/EntryBackupAbility.ets",
        "type": "backup",
        "exported": false,
        "metadata": [
          {
            "name": "ohos.extension.backup",
            "resource": "$profile:backup_config"
          }
        ],
      }
    ]
  }
}
相关推荐
范文杰13 分钟前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪21 分钟前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪29 分钟前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
FreeCultureBoy1 小时前
macOS 命令行 原生挂载 webdav 方法
前端
uhakadotcom2 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom2 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom2 小时前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom2 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom2 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试
LaoZhangAI3 小时前
2025最全GPT-4o图像生成API指南:官方接口配置+15个实用提示词【保姆级教程】
前端