HarmonyOS應(yīng)用開發(fā)-搭建開發(fā)環(huán)境

想了解更多關(guān)于開源的內(nèi)容,請(qǐng)?jiān)L問:
本文介紹如何搭建 HarmonyOS 應(yīng)用的開發(fā)環(huán)境,介紹下載安裝 DevEco Studio 開發(fā)工具和 SDK 的詳細(xì)流程。華為鴻蒙 DevEco Studio 是面向全場(chǎng)景的一站式集成開發(fā)環(huán)境,面向全場(chǎng)景多設(shè)備,提供一站式的分布式應(yīng)用開發(fā)平臺(tái),支持分布式多端開發(fā)、分布式多端調(diào)測(cè)、多端模擬仿真,提供全方位的質(zhì)量與安全保障。
一、下載安裝 DevEco Studio
1、官網(wǎng)下載 DevEco Studio
官網(wǎng):HUAWEI DevEco Studio和SDK下載和升級(jí) | HarmonyOS開發(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ì)來到這個(gè)頁面。
HarmonyOS應(yīng)用開發(fā)需要我們的電腦上安裝 Node.js 和 ohpm (鴻蒙生態(tài)三方庫的包管理工具)
這里華為官方提供了鏡像,如果本機(jī)上之前沒有裝過,直接勾選 install 然后下一步即可。

2、安裝HarmonyOS SDK
這里選擇安裝路徑即可,我直接默認(rèn)路徑,點(diǎn)擊下一步。

這個(gè)頁面展示了所有需要安裝的包,點(diǎn)擊下一步安裝。

幾分鐘后安裝完成。

三、新建項(xiàng)目
新建一個(gè)Empty Ability。

默認(rèn)Stage模式,開啟Super Visual低代碼模式。

四、運(yùn)行項(xiàng)目
1、創(chuàng)建測(cè)試頁面
這里我通過低代碼組件隨便做了一個(gè)登錄頁。

我們點(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、開啟設(shè)備仿真器
點(diǎn)擊我們剛剛新建的設(shè)備,啟動(dòng)它。

仿真終端被立刻啟動(dòng)。

完全啟動(dòng)大概需要個(gè)一分鐘,開機(jī)后如下:

4、運(yùn)行項(xiàng)目
我們運(yùn)行項(xiàng)目。

我們制作的應(yīng)用會(huì)在仿真設(shè)備里打開。

測(cè)試我們登錄界面。

運(yùn)行成功。



















