鸿蒙4.0-DevEco Studio界面工程

相关文章快速入口:鸿蒙ArkTS语言快速入门-TS(一)

DevEco Studio 下载与第一个工程

DevEco Studio 下载地址:点击跳转
https://developer.harmonyos.com/cn/develop/deveco-studio#download
学习课堂以及文档地址:点击跳转
https://developer.harmonyos.com/cn/documentation/teaching-video/?catalogVersion=V3

新建的第一个工程界面

一个简单工程界面结构

更换一下工程显示方式,更方便了解整体结构
在这里插入图片描述
简单解释一下整个结构用途
在这里插入图片描述

  1. AppScope主要用于存放整个应用公共的信息与资源

  2. entry是默认的初始模块,ets文件夹内是编写的代码文件, entry内的configuration则是存放相应的模块的配置文件

  3. resources对应模块内的公共资源

  4. configuration是存放工程应用级的配置文件

  5. 要添加引用包,以前Android Studio在build.gradle中添加,DevEco Studio却在模块工程目录下的oh-package.json5中的depandencies:{}中添加在ohos的npm库中添加该引用。或者在项目文件夹下面使用npm install -s去安装也可。这个有区分的是工程级别的引用或模块下的引用都有作用域的问题。哪个模块有使用尽量在哪个模块中添加,如果所有模块都需要可以尝试添加工程配置目录下。
    下面如图如何添加引用:在这里插入图片描述

回到Project工程结构来看

ets文件夹,开发主要是该文件下进行的。
1,pages
主要是存放页面,index为初始页面
在这里插入图片描述

2,预览区
点击一开始会对带有@Entry类型的页面进行预览
在这里插入图片描述
3,多设备类型预览开关
在这里插入图片描述
4,也可以选择设备或模拟器
在这里插入图片描述
5,分别为本地模拟器,云端模拟器和云端设备。
本地模拟器只需要下载下来即可使用,云端模拟器和云端设备都需要登录华为账号。
在这里插入图片描述
6,本地模拟器下载之后的启动和运行
如果要看到UI改动的实时效果,只需要打开预览,实时修改@Entry页面下的代码,预览也会实时改变。
在这里插入图片描述在这里插入图片描述

相关文章快速入口:鸿蒙ArkTS语言快速入门-TS(一)

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-12 01:40:03       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-12 01:40:03       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-12 01:40:03       87 阅读
  4. Python语言-面向对象

    2024-03-12 01:40:03       96 阅读

热门阅读

  1. Go语言中,如何调用C++的dll文件

    2024-03-12 01:40:03       48 阅读
  2. Python中输入输出函数input和print用法

    2024-03-12 01:40:03       39 阅读
  3. 【Spring Boot单元测试】讲解

    2024-03-12 01:40:03       45 阅读
  4. Day 9. TCP并发模型、select、poll、epoll

    2024-03-12 01:40:03       40 阅读