當(dāng)我們熟練的掌握了DevEco Studio之后奶段，就可以創(chuàng)建項(xiàng)目進(jìn)行練習(xí)了司忱，和市場(chǎng)上大多數(shù)IDE一樣北秽，DevEco Studio也給我們提供了很多的實(shí)例模板，當(dāng)然了了袁，對(duì)于大多數(shù)移動(dòng)端開(kāi)發(fā)者而言朗恳，這些模板和我們的UI設(shè)計(jì)有著很大的出入，一般都會(huì)選擇一個(gè)空的視圖作為項(xiàng)目载绿，方便我們從0到1進(jìn)行開(kāi)發(fā)粥诫。

點(diǎn)擊下一步，就進(jìn)入到了項(xiàng)目信息編輯頁(yè)面崭庸，作為一名Android開(kāi)發(fā)者怀浆，對(duì)這個(gè)頁(yè)面簡(jiǎn)直不要太熟悉谊囚，無(wú)非就是項(xiàng)目的名字，包名揉稚，SDK版本的選擇等等秒啦。

有兩項(xiàng)是我們需要注意的，第一項(xiàng)搀玖，Model的選擇余境，也就是應(yīng)用模型，目前隨著HarmonyOS的發(fā)展灌诅，提供了兩種應(yīng)用模型芳来，一種是Stage模型，一種是FA模型猜拾，目前即舌，官方主推的是Stage模型，我們?cè)趧?chuàng)建項(xiàng)目的時(shí)候挎袜，也是默認(rèn)的這種模型顽聂，它是在，HarmonyOS 3.1 Develper Preview版本開(kāi)始新增的模型盯仪，是目前主推且會(huì)長(zhǎng)期演進(jìn)的模型紊搪，在該模型中，由于提供了AbilityStage全景、WindowStage等類作為應(yīng)用組件和Window窗口的“舞臺(tái)”耀石，因此稱這種應(yīng)用模型為Stage模型。

關(guān)于Stage模型爸黄，官方有著很詳細(xì)的介紹滞伟，這里就不多說(shuō)了。

還有一項(xiàng)需要注意的炕贵，Enable Super Visual選項(xiàng)梆奈，也就是是否要啟動(dòng)低代碼作為模板，選擇之后鲁驶，你就可以在項(xiàng)目中拖拽實(shí)現(xiàn)想要的頁(yè)面鉴裹，類似Android Studio中的Xml中的Design選項(xiàng)。

以上的部分只是前言钥弯，闡述了項(xiàng)目創(chuàng)建前的一些注意事項(xiàng)径荔，在講述工程結(jié)構(gòu)之前，我們需要對(duì)HarmonyOS的UI開(kāi)發(fā)框架ArkUI做一個(gè)簡(jiǎn)單的了解脆霎。

今天的文章內(nèi)容总处，大致如下：

1、ArkUI框架的簡(jiǎn)單闡述
2睛蛛、Stage模型下的ArkTS工程目錄結(jié)構(gòu)
3鹦马、與Android項(xiàng)目結(jié)構(gòu)對(duì)比
4胧谈、相關(guān)總結(jié)

一、ArkUI框架的簡(jiǎn)單闡述

為什么要在工程結(jié)構(gòu)之前闡述ArkUI這個(gè)UI框架荸频？主要原因只有一個(gè)菱肖，就是為以后的項(xiàng)目創(chuàng)建做好鋪墊，首先我們來(lái)搞清楚前因后果旭从。

ArkUI框架稳强，既是方舟開(kāi)發(fā)框架，它是HarmonyOS提供了一套UI開(kāi)發(fā)框架和悦，和Flutter與SwiftUI有著異曲同工的角色退疫，你可以使用Flutter語(yǔ)言開(kāi)發(fā)出Android、iOS等平臺(tái)的應(yīng)用鸽素，也可以使用SwiftUI開(kāi)發(fā)出iOS端的應(yīng)用褒繁，同理，HarmonyOS端的應(yīng)用馍忽，如何開(kāi)發(fā)呢棒坏，可以使用ArkUI。

針對(duì)不同目的和技術(shù)背景遭笋，ArkUI提供了兩種開(kāi)發(fā)方式俊抵，一種是基于ArkTS的聲明式開(kāi)發(fā)方式，這個(gè)方式和Flutter與SwiftUI很相似坐梯，也就是說(shuō)，如果你之前了解過(guò)Flutter與SwiftUI刹帕，那么使用這種方式吵血，再方便不過(guò)；還有一種是兼容JS的類Web開(kāi)發(fā)方式偷溺，言外之意蹋辅，這種方式允許你用前端語(yǔ)言，也就是經(jīng)典的HML挫掏、CSS侦另、JavaScript來(lái)開(kāi)發(fā)應(yīng)用。

作為移動(dòng)端應(yīng)用的開(kāi)發(fā)者，考慮到性能袄友，復(fù)雜度高殿托，開(kāi)發(fā)效率和發(fā)展趨勢(shì)而言，聲明式開(kāi)發(fā)方式剧蚣，絕對(duì)是我們的首選方式支竹，當(dāng)然了旋廷，官方也是主推這種方式，官方推薦的原因如下：

開(kāi)發(fā)效率：聲明式開(kāi)發(fā)范式更接近自然語(yǔ)義的編程方式礼搁，開(kāi)發(fā)者可以直觀地描述UI饶碘，無(wú)需關(guān)心如何實(shí)現(xiàn)UI繪制和渲染，開(kāi)發(fā)高效簡(jiǎn)潔馒吴。

應(yīng)用性能：如下圖所示扎运，兩種開(kāi)發(fā)范式的UI后端引擎和語(yǔ)言運(yùn)行時(shí)是共用的，但是相比類Web開(kāi)發(fā)范式募书，聲明式開(kāi)發(fā)范式無(wú)需JS框架進(jìn)行頁(yè)面DOM管理绪囱，渲染更新鏈路更為精簡(jiǎn)，占用內(nèi)存更少莹捡，應(yīng)用性能更佳鬼吵。

發(fā)展趨勢(shì)：聲明式開(kāi)發(fā)范式后續(xù)會(huì)作為主推的開(kāi)發(fā)范式持續(xù)演進(jìn)，為開(kāi)發(fā)者提供更豐富篮赢、更強(qiáng)大的能力齿椅。

所以在以后的項(xiàng)目開(kāi)發(fā)中，第一启泣，基于ArkTS的聲明式開(kāi)發(fā)方式涣脚，第二，采用Stage模型寥茫，原因只有一個(gè)遣蚀，基于性能和未來(lái)的發(fā)展趨勢(shì)，如果這個(gè)原因還不夠纱耻，那就拿官方推薦作為原因芭梯，絕對(duì)好使！

至于ArkTS弄喘，后續(xù)的文章慢慢講述吧玖喘，一步一步來(lái)，循序漸進(jìn)蘑志。

二累奈、Stage模型下的ArkTS工程目錄結(jié)構(gòu)

不要被一些名詞給唬住了，我們默認(rèn)創(chuàng)建的就是基于Stage模型下的ArkTS工程目錄結(jié)構(gòu)急但，創(chuàng)建完畢之后澎媒，窗口如下：

和AndroidStudio不能說(shuō)一模一樣，但也是十分有九分的雷同波桩，具體的各個(gè)功能就不多贅述旱幼，我們直接看左側(cè)的目錄結(jié)構(gòu)：

我們從上往下一一進(jìn)行解析：

.hvigor：存儲(chǔ)構(gòu)建配置文件信息。
.idea：存儲(chǔ)項(xiàng)目的配置信息突委。
AppScope：全局的共有資源存放目錄柏卤。

resources：用于存放應(yīng)用/服務(wù)所用到的資源文件冬三，如圖形、多媒體缘缚、字符串勾笆、布局文件等。

    base>element：包括字符串桥滨、整型數(shù)窝爪、顏色、樣式等資源的json文件齐媒。每個(gè)資源均由json格式進(jìn)行定義

                boolean.json：布爾型

                color.json：顏色

                float.json：浮點(diǎn)型

                intarray.json：整型數(shù)組

                integer.json：整型

                pattern.json：樣式

                plural.json：復(fù)數(shù)形式

                strarray.json：字符串?dāng)?shù)組

                string.json：字符串值

    base>media：多媒體文件蒲每，如圖形、視頻喻括、音頻等文件邀杏，支持的文件格式包括：.png、.gif唬血、.mp3望蜡、.mp4等。

    rawfile ：用于存儲(chǔ)任意格式的原始資源文件拷恨。rawfile不會(huì)根據(jù)設(shè)備的狀態(tài)去匹配不同的資源脖律，需要指定文件路徑和文件名進(jìn)行引用。

app.json5：應(yīng)用的全局配置信息腕侄。

entry：HarmonyOS工程模塊小泉，編譯構(gòu)建生成一個(gè)HAP包。

src > main > ets：用于存放ArkTS源碼冕杠。

        entryability：應(yīng)用/服務(wù)的入口膏孟。

        pages：應(yīng)用/服務(wù)包含的頁(yè)面。

src > main > resources：用于存放應(yīng)用/服務(wù)所用到的資源文件拌汇，如圖形、多媒體弊决、字符串噪舀、布局文件等，和上面的共享目錄是一致的飘诗。

src > main > module.json5：Stage模型模塊配置文件与倡。主要包含HAP包的配置信息、應(yīng)用/服務(wù)在具體設(shè)備上的配置信息以及應(yīng)用/服務(wù)的全局配置信息昆稿。

build-profile.json5：當(dāng)前的模塊信息纺座、編譯信息配置項(xiàng)，包括buildOption溉潭、targets配置等净响。其中targets中可配置當(dāng)前運(yùn)行環(huán)境少欺，默認(rèn)為HarmonyOS。

hvigorfile.ts：模塊級(jí)編譯構(gòu)建任務(wù)腳本馋贤，開(kāi)發(fā)者可以自定義相關(guān)任務(wù)和代碼實(shí)現(xiàn)赞别。

hvigor：構(gòu)建配置文件信息，是一款全新基于TS實(shí)現(xiàn)的前端構(gòu)建任務(wù)編排工具配乓，結(jié)合npm包管理機(jī)制仿滔，主要提供任務(wù)管理機(jī)制，任務(wù)注冊(cè)編排犹芹、工程模型管理崎页、配置管理等關(guān)鍵能力，更符合ArkTS/JS開(kāi)發(fā)者的開(kāi)發(fā)習(xí)慣腰埂。

oh_modules：用于存放三方庫(kù)依賴信息飒焦。
gitignore：git過(guò)濾配置。
build-profile.json5：應(yīng)用級(jí)配置信息盐固，包括簽名荒给、產(chǎn)品配置等。
hvigorfile.ts：應(yīng)用級(jí)編譯構(gòu)建任務(wù)腳本刁卜。
hvigorw和hvigorw.bat：ohpm編譯構(gòu)建工具志电。
local.properties：存儲(chǔ)本地屬性的文件。
oh-package.json5：依賴配置蛔趴，可以設(shè)置三方包依賴挑辆。

可以說(shuō)，以上的目錄結(jié)構(gòu)介紹孝情，全網(wǎng)甚至是官網(wǎng)鱼蝉，也沒(méi)有這么的詳細(xì)，為什么要對(duì)目錄結(jié)構(gòu)過(guò)多的進(jìn)行闡述箫荡，目的只有一個(gè)魁亦，更好的了解項(xiàng)目，可以針對(duì)性且快速的進(jìn)入到開(kāi)發(fā)之中羔挡。

三洁奈、與Android項(xiàng)目結(jié)構(gòu)對(duì)比

或許，第一次直接的查看這樣的一個(gè)工程目錄绞灼，確實(shí)需要一段時(shí)間的了解利术，才能知道各個(gè)文件的作用，為了更加直觀明了的讓一名Android開(kāi)發(fā)者快速的知道每個(gè)文件對(duì)應(yīng)的含義低矮，接下來(lái)將會(huì)按照Android工程的目錄結(jié)構(gòu)和Stage模型下的ArkTS工程目錄結(jié)構(gòu)印叁，進(jìn)行一一對(duì)應(yīng)，希望可以有所幫助，當(dāng)然了轮蜕，如果你不是一名Android開(kāi)發(fā)者昨悼，這個(gè)步驟可以掠過(guò)，仔細(xì)的查看第二步的介紹即可肠虽。

整體的對(duì)照

左側(cè)是HarmonyOS項(xiàng)目幔戏，右側(cè)是Android項(xiàng)目，具體的對(duì)照?qǐng)D如下所示：

主要文件對(duì)應(yīng)

四税课、相關(guān)總結(jié)

通過(guò)對(duì)工程結(jié)構(gòu)的了解闲延，對(duì)于我們步入HarmonyOS的開(kāi)發(fā)，有著指引的作用韩玩，能夠清晰的知道各個(gè)文件及文件夾的作用垒玲，在哪里書寫代碼，又是在哪里添加資源找颓，能夠有一個(gè)直觀的定位合愈，特別是，不是從Android開(kāi)發(fā)者轉(zhuǎn)過(guò)來(lái)的同學(xué)击狮，對(duì)于工程結(jié)構(gòu)更應(yīng)該及時(shí)的了解佛析。