《HarmonyOS應(yīng)用開發(fā)基礎(chǔ)》 課件 實操 項目1-任務(wù)1 搭建HarmonyOS應(yīng)用開發(fā)環(huán)境

項目1走進HarmonyOS應(yīng)用開發(fā)任務(wù)1搭建HarmonyOS應(yīng)用開發(fā)環(huán)境項目1走進HarmonyOS應(yīng)用開發(fā)任務(wù)描述本任務(wù)完成DevEcoStudio開發(fā)工具的下載、安裝，并創(chuàng)建第一個HarmonyOSArkTS工程,預(yù)覽應(yīng)用并在模擬器上運行應(yīng)用。任務(wù)實施010203060504下載并安裝DevEcoStudio設(shè)置npm和Node.js下載HarmonyOSSDK在模擬器上運行HarmonyOS應(yīng)用實時預(yù)覽HarmonyOS應(yīng)用創(chuàng)建HarmonyOS工程下載并安裝DevEcoStudioDevEcoStudio可以在HarmonyOSDeveloper官網(wǎng)（）下載，根據(jù)自己的計算機系統(tǒng)類型，下載對應(yīng)版本的DevEcoStudio。DevEcoStudio支持Windows和macOS系統(tǒng)。本書的任務(wù)使用的是Window環(huán)境開發(fā)鴻蒙應(yīng)用，這里以Windows為例進行安裝。為保證DevEcoStudio正常運行，建議電腦配置滿足如下要求：操作系統(tǒng)：Windows1064位內(nèi)存：8GB及以上硬盤：100GB及以上分辨率：1280*800像素及以上下載并安裝DevEcoStudio選擇Windows操作系統(tǒng)選擇對應(yīng)的版本進行下載。下載完成后，先解壓安裝包，雙擊解壓好的“deveco-studio-xxxx.exe”，進入DevEcoStudio安裝向?qū)?。在如下界面選擇安裝路徑，默認安裝于C:\ProgramFiles路徑下，也可以單擊Browse...指定其他安裝路徑，然后單擊Next，如下圖所示。下載并安裝DevEcoStudio勾選安裝選項，安裝完成后立即重啟計算機，如下圖所示。設(shè)置npm和Node.js重啟計算機后，打開DevEcoStudio，在出現(xiàn)的歡迎界面中單擊“Agree”后，選擇不導(dǎo)入之前的配置，如下圖所示。歡迎頁面導(dǎo)入設(shè)置設(shè)置npm和Node.jsHarmonyOS基于ArkTS的開發(fā)，需要JavaScript運行環(huán)境，Node.js是一個JavaScript運行環(huán)境，在DevEcoStudio安裝過程中需要安裝Node.js和npm包管理器，按提示進行Node.js和npm的鏡像設(shè)置和的下載，如下圖所示。歡迎頁面導(dǎo)入設(shè)置下載HarmonyOSSDK經(jīng)過上述步驟后，DevEcoStudio會自動檢查本地路徑下是否存在HarmonyOSSDK。如果不存在，會彈出SDK的安裝向?qū)?，選擇SDK的存放路徑（可自定義），確認SDK的設(shè)置，如下圖所示。歡迎頁面導(dǎo)入設(shè)置下載HarmonyOSSDK在彈出來的接受許可協(xié)議頁面，選擇“Accept”，接受協(xié)議后，等待SDK下載完畢，如下圖所示。歡迎頁面導(dǎo)入設(shè)置下載HarmonyOSSDKSDK下載完畢后，就會進入EevEcoStudio歡迎頁面，默認歡迎頁面是黑底白字的，需要的時候可以設(shè)置為白底黑字，如下圖所示。至此，就安裝并配置好了EevEcoStudio開發(fā)工具。創(chuàng)建HarmonyOS工程首次打開DevEcoStudio，可以從歡迎頁單擊CreateProject，創(chuàng)建一個新工程。（在DevEcoStudio打開工程的情況下，可以單擊File>new>CreateProject），根據(jù)工程創(chuàng)建向?qū)?，單擊CreateProject，進入項目創(chuàng)建頁面。DevEcoStudio為我們提供了HarmonyOS和OpenHarmony的創(chuàng)建模板，我們這里選擇創(chuàng)建HarmonyOS。在HarmonyOS頁簽，選擇“EmptyAbility”模板，然后單擊Next，如下圖所示。創(chuàng)建HarmonyOS工程填寫工程相關(guān)信息，如下圖所示。（默認情況下，新建工程的CompileSDK為9，在設(shè)備中運行該工程時，請選擇API9及以上的設(shè)備才能運行該工程。）創(chuàng)建HarmonyOS工程填寫完項目創(chuàng)建信息，點擊“Finish”后,工具會自動生成模板代碼和相關(guān)資源，接下來需要等待項目創(chuàng)建完成，當(dāng)?shù)撞坑覅^(qū)域狀態(tài)欄不再變化，就說明項目構(gòu)建完成了。實時預(yù)覽HarmonyOS應(yīng)用此時項目默認打開Index.ets頁面，可以點擊右側(cè)的Previewer預(yù)覽器按鈕，查看應(yīng)用的運行效果，如下圖所示。實時預(yù)覽HarmonyOS應(yīng)用DevEcoStuidio可以在頁面開發(fā)過程中同步更新預(yù)覽效果，通過預(yù)覽器可以實時查看、編輯組件的屬性，方便開發(fā)者隨時調(diào)整代碼，并實時查看應(yīng)用/服務(wù)的運行效果。打開上述構(gòu)建完畢的項目下的pages/Index.ets頁面，單擊預(yù)覽器，即可呈現(xiàn)實時界面的預(yù)覽效果；在預(yù)覽器選項卡，點擊多設(shè)備預(yù)覽按鈕，針對性的查看在某類型設(shè)備上的布局效果，如下圖所示。在模擬器上運行HarmonyOS應(yīng)用注冊華為賬號后，在DevEcoStudio中選擇“Tools>DeviceManager”菜單項，如果用戶還未登錄，需要按提示進行授權(quán)登錄華為帳號，如下圖所示。在模擬器上運行HarmonyOS應(yīng)用成功授權(quán)后，回到DevEcoStudio中，此時RemoteEmulator（遠程模擬器）選項卡下面就列出了不同設(shè)備類型的遠程模擬器，選擇API版本為9的P50遠程模擬器，單擊右側(cè)action下的三角符號即可啟動遠程模擬器，如所示。HarmonyOS模擬器啟動好后，在設(shè)備選擇列表中選擇應(yīng)用運行的目標設(shè)備，然后單擊運行按鈕，等待自動打包和上傳完畢，App應(yīng)用就運行到模擬器中，如下圖所示。任