HarmonyOS應(yīng)用開(kāi)發(fā)-搭建開(kāi)發(fā)環(huán)境
想了解更多關(guān)于開(kāi)源的內(nèi)容,請(qǐng)?jiān)L問(wèn):
本文介紹如何搭建 HarmonyOS 應(yīng)用的開(kāi)發(fā)環(huán)境,介紹下載安裝 DevEco Studio 開(kāi)發(fā)工具和 SDK 的詳細(xì)流程。華為鴻蒙 DevEco Studio 是面向全場(chǎng)景的一站式集成開(kāi)發(fā)環(huán)境,面向全場(chǎng)景多設(shè)備,提供一站式的分布式應(yīng)用開(kāi)發(fā)平臺(tái),支持分布式多端開(kāi)發(fā)、分布式多端調(diào)測(cè)、多端模擬仿真,提供全方位的質(zhì)量與安全保障。
一、下載安裝 DevEco Studio
1、官網(wǎng)下載 DevEco Studio
官網(wǎng):HUAWEI DevEco Studio和SDK下載和升級(jí) | HarmonyOS開(kāi)發(fā)者下載 DevEco Studio 最新版本。
下載完成后我們解壓壓縮包,啟動(dòng)exe安裝程序。
2、安裝 DevEco Studio
啟動(dòng)安裝exe程序。
選擇安裝路徑。
勾選生成快捷方式和添加到path環(huán)境變量。
這里默認(rèn)文件夾名,點(diǎn)擊安裝。
完成安裝,需要對(duì)電腦重啟。
二、運(yùn)行 DevEco Studio
1、安裝 Node.js 和 ohpm
首次運(yùn)行 DevEco Studio 會(huì)來(lái)到這個(gè)頁(yè)面。
HarmonyOS應(yīng)用開(kāi)發(fā)需要我們的電腦上安裝 Node.js 和 ohpm (鴻蒙生態(tài)三方庫(kù)的包管理工具)
這里華為官方提供了鏡像,如果本機(jī)上之前沒(méi)有裝過(guò),直接勾選 install 然后下一步即可。
2、安裝HarmonyOS SDK
這里選擇安裝路徑即可,我直接默認(rèn)路徑,點(diǎn)擊下一步。
這個(gè)頁(yè)面展示了所有需要安裝的包,點(diǎn)擊下一步安裝。
幾分鐘后安裝完成。
三、新建項(xiàng)目
新建一個(gè)Empty Ability。
默認(rèn)Stage模式,開(kāi)啟Super Visual低代碼模式。
四、運(yùn)行項(xiàng)目
1、創(chuàng)建測(cè)試頁(yè)面
這里我通過(guò)低代碼組件隨便做了一個(gè)登錄頁(yè)。
我們點(diǎn)擊運(yùn)行按鈕,會(huì)讓我們選擇運(yùn)行設(shè)備,這里的設(shè)備都是模擬器,需要安裝,我們先進(jìn)入設(shè)備管理器安裝設(shè)備。
2、安裝設(shè)備仿真器
這個(gè)模板支持手機(jī)、電視、手表三種終端模擬,我們先安裝emulator(仿真器)。
安裝好之后,我們?cè)冱c(diǎn)擊每一個(gè)硬件設(shè)備單獨(dú)安裝。這里我選擇的手機(jī)。
我選擇的API9版本。
要安裝個(gè)幾分鐘。
安裝完成。
3、開(kāi)啟設(shè)備仿真器
點(diǎn)擊我們剛剛新建的設(shè)備,啟動(dòng)它。
仿真終端被立刻啟動(dòng)。
完全啟動(dòng)大概需要個(gè)一分鐘,開(kāi)機(jī)后如下:
4、運(yùn)行項(xiàng)目
我們運(yùn)行項(xiàng)目。
我們制作的應(yīng)用會(huì)在仿真設(shè)備里打開(kāi)。
測(cè)試我們登錄界面。
運(yùn)行成功。