一、DevEco Studio 安裝與配置

1. DevEco Studio 簡介

DevEco Studio 是 HarmonyOS 的一站式集成開發環境（IDE），提供了豐富的工具和功能，支持 HarmonyOS 應用開發的全流程。

2. DevEco Studio 下載與安裝

• 下載地址：華為開發者官網
• 推薦版本：DevEco Studio 5.0.0 Release
• 安裝建議：使用官方原版，不建議使用漢化版。

二、DevEco Studio 快速上手

1. 啟動 DevEco Studio

• 雙擊 DevEco Studio 圖標啟動。
• 選擇 Do not import settings，點擊 OK。(沒用過的)

2. 創建新項目

• 選擇 Project > Create Project > Application > Empty Ability。
• 設置項目名稱、保存位置及目標設備類型。
  
• 點擊 Finish 完成項目創建。

三、運行 HelloWorld 項目

1. 運行方式

• Previewer 預覽模式：適用于靜態頁面開發，不支持網絡通信和原生能力測試。
• Local Emulator 本地模擬器：適用于大部分場景的調試和運行。
• Local Device 本地真機：適用于特定機型測試。

2. 安裝與配置本地模擬器

1. 安裝模擬器：

• 單擊頂部工具欄Tools>Device Manager；選擇Huawei_Phone手機模擬器，單擊’Next’，進入模擬器系統下載頁。

2. 未開啟Hyper-V問題：

• 找到命令提示符，以管理員的身份打開，執行：bcdedit /set hypervisorlaunchtype auto并重啟電腦。

3. 運行項目：

• 啟動模擬器后，在項目工具欄點擊 Run，將項目運行到模擬器中。（剛開始可以在預覽模式內觀看）

四、HarmonyOS 項目結構解析

1. 項目架構

• APP Pack：應用發布形態，由一個或多個 HAP（Harmony Ability Package）包組成。
• HAP：包含代碼、資源、第三方庫及配置文件，是 HarmonyOS 應用的核心模塊。

2. 項目目錄結構

目錄/文件	描述
AppScope	存放全局資源文件。
entry	應用的主模塊，包含代碼和資源。
oh_modules	存放工程的依賴包。
build-profile.json5	工程級配置信息。
hvigorfile.ts	工程級編譯構建任務腳本。

五、開發示例：HelloWorld 案例

在entry\src\main\ets\pages創建文件

代碼示例

@Entry
@Component
struct Index {@State myTest: string = "world";build() {Column() {Text(`hello ${this.myTest}`).fontSize(50);Divider();Button("點我啊").onClick(() => {this.myTest = "ArkUI";}).height(50).width(200);}}
}

代碼解析

組件/方法	描述
@Entry	將組件標記為 UI 頁面入口。
@Component	定義自定義組件。
@State	標記狀態變量，狀態變化時自動刷新 UI。
build()	不可缺少。
Column()	布局組件，用于垂直排列內容。
Text()	文本組件，用于顯示文字內容。
Button()	按鈕組件，可設置點擊事件。
.fontSize()	設置字體大小。
.onClick()	設置按鈕點擊事件處理邏輯。

---

凡是過去，皆為序章；凡是未來，皆有可期。