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"
          }
        ],
      }
    ]
  }
}
相关推荐
明似水7 分钟前
用 Melos 解决 Flutter Monorepo 的依赖冲突:一个真实案例
前端·javascript·flutter
钮钴禄·爱因斯晨16 分钟前
Java 面向对象进阶之多态:从概念到实践的深度解析
java·开发语言·数据结构
鸽子炖汤17 分钟前
Java中==和equals的区别
java·开发语言·jvm
独立开阀者_FwtCoder17 分钟前
stagewise:让AI与代码编辑器无缝连接
前端·javascript·github
清沫19 分钟前
Cursor Rules 开发实践指南
前端·ai编程·cursor
有个傻瓜20 分钟前
PHP语言核心技术全景解析
开发语言·kubernetes·php
程序员小刘24 分钟前
【HarmonyOS 5】运动健康开发实践介绍以及详细案例
华为·harmonyos
江城开朗的豌豆24 分钟前
JavaScript篇:对象派 vs 过程派:编程江湖的两种武功心法
前端·javascript·面试
不吃糖葫芦326 分钟前
App使用webview套壳引入h5(二)—— app内访问h5,顶部被手机顶部菜单遮挡问题,保留顶部安全距离
前端·webview
御承扬31 分钟前
从零开始开发纯血鸿蒙应用之网络检测
网络·华为·harmonyos