鸿蒙4.0-DevEco Studio界面工程

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页面下的代码，预览也会实时改变。