DevEco Studio界面工程
- DevEco Studio 下载与第一个工程
- 新建的第一个工程界面
- 回到Project工程结构来看
DevEco Studio 下载与第一个工程
DevEco Studio 下载地址:点击跳转
https://developer.harmonyos.com/cn/develop/deveco-studio#download
学习课堂以及文档地址:点击跳转
https://developer.harmonyos.com/cn/documentation/teaching-video/?catalogVersion=V3
新建的第一个工程界面
更换一下工程显示方式,更方便了解整体结构
简单解释一下整个结构用途
-
AppScope主要用于存放整个应用公共的信息与资源
-
entry是默认的初始模块,ets文件夹内是编写的代码文件, entry内的configuration则是存放相应的模块的配置文件
-
resources对应模块内的公共资源
-
configuration是存放工程应用级的配置文件
-
要添加引用包,以前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页面下的代码,预览也会实时改变。