云天社区管理平台---项目初始化

云天社区管理平台---项目初始化

• • 环境配置
  • • 准备工作
    • 创建项目
    • 项目结构
    • 四、运行和调试
  • 正式开发
  • • 创建项目
    • 预览项目
    • 修改布局
    • 效果展示

环境配置

准备工作

1. 安装HUAWEI DevEco Studio
   • DevEco Studio是基于IntelliJ IDEA Community开源版本打造，为运行在HarmonyOS和OpenHarmony系统上的应用和服务提供一站式的开发平台。可以从华为开发者联盟官网下载安装。

创建项目

1. 打开DevEco Studio

   • 在欢迎页单击“Create Project”，创建一个新工程。

2. 选择模板

   • 选择“Empty Ability”模板，填写工程相关信息，如项目名、包名等，可以保持默认值。

3. 配置项目

   • 选择Stage开发模式（面向对象开发模式），或根据需要选择其他模式。
   • 设置存储位置，建议在D盘或其他非系统盘创建一个新的文件夹来保存项目。

项目结构

鸿蒙项目的结构通常包括以下几个主要部分：

1. AppScope

   • 包含app.json5文件，用于应用的全局配置信息。

2. entry

   • HarmonyOS工程模块，编译构建生成一个HAP包。
   • 包含src、module.json5等文件和文件夹。

3. src/main/ets

   • 用于存放ArkTS源码。
   • 包含entryability（应用/服务的入口）、pages（应用/服务包含的页面）等文件夹。

4. src/main/resources

   • 用于存放应用/服务所用到的资源文件，如图形、多媒体、字符串、布局文件等。

5. 其他配置文件

   • build-profile.json5：包含当前的模块信息、编译信息配置项。
   • hvigorfile.ts：模块级编译构建任务脚本。
   • oh_modules：用于存放三方库依赖信息。

四、运行和调试

1. 预览项目

   • 在DevEco Studio右侧菜单栏，单击Previewer预览项目效果。如果项目过于复杂，则需要使用模拟器或者真机测试。

2. 创建模拟器

   • 通过Tools > Device Manager，创建并配置模拟器。可以选择手表模拟器、电视模拟器和手机模拟器等。
   • 在模拟器创建的高级设置中，可以配置模拟器的内存、存储空间和CPU等设置。

3. 运行项目

   • 在IDE中选择已创建的模拟器，然后点击运行按钮。
   • 虚拟机开机后，可以点击右上角的绿色开始按钮，虚拟机就会自动运行手机上的应用程序。

通过以上步骤，您可以成功创建一个鸿蒙项目，并进行开发、调试和运行

正式开发

创建项目

预览项目

修改布局

简单测试一下我们的项目配置成果，尝试一个简单布局，主要使用Column布局和Row布局

@Entry
@Component
struct Index {
  build() {
    Column({space:20}) {
      //一行
      Row() {
      }.width('80%').height(50).backgroundColor(Color.Green)
      Row() {
      }.width('80%').height(50).backgroundColor(Color.Orange)
      Row() {
      }.width('80%').height(50).backgroundColor(Color.Yellow)
      Row() {
      }.width('80%').height(50).backgroundColor(Color.Blue)
      Row() {
      }.width('80%').height(50).backgroundColor(Color.Red)
    }.width('100%').alignItems(HorizontalAlign.Center)
  }
}

效果展示

今天的项目就到此为止，简单的带同学们进行创建了一个项目并简单修改了一下布局，下一篇文章带同学们完成Home页面的开发