IT之家 4 月 4 日消息,據(jù)華為鴻蒙官方發(fā)布,HUAWEI DevEco Studio(簡稱 DevEco Studio)是開發(fā) HarmonyOS 應(yīng)用和原子化服務(wù)的一站式集成開發(fā)環(huán)境(IDE),為開發(fā)者提供工程模板創(chuàng)建、開發(fā)、編譯、調(diào)試、發(fā)布等功能。
近期,華為 DevEco Studio 3.0 Beta 3 已發(fā)布,為支撐 OpenHarmony 應(yīng)用及服務(wù)開發(fā)的第一個版本。
版本變更說明
DevEco Studio 3.0 Beta3 是支撐 OpenHarmony 應(yīng)用及服務(wù)開發(fā)的第一個版本,具有以下能力特點:
支持一站式的信息獲取平臺
基于開發(fā)者了解、學(xué)習(xí)、開發(fā)、求助的用戶旅程,我們在 DevEco Studio 中提供了一站式的信息獲取平臺:OpenHarmony 信息中心,該版本是第一次上線,目前支持了如下能力:
提供 OpenHarmony 應(yīng)用開發(fā)快速入門、DevEco Studio 版本說明、常見問題的內(nèi)容集成,體驗沉浸式的信息閱讀體驗。
支持 Sample 的在線瀏覽及一鍵創(chuàng)建。
支持文檔內(nèi)容與 DevEco Studio 功能的深度融合,可在閱讀文檔過程中,拉起 DevEco Studio 相應(yīng)功能,一鍵直達。
支持開發(fā)者的匿名意見反饋,您的意見將會是我們 DevEco Studio 以及文檔改進的重要輸入來源。
支持 OpenHarmony 應(yīng)用開發(fā)過程中相關(guān)資源的快速獲取,提高信息獲取效率。
提供多設(shè)備工程模板
工程模板為應(yīng)用開發(fā)提供便利,基于聲明式開發(fā)范式和類 web 開發(fā)范式,DevEco Studio 為 OpenHarmony 開發(fā)者提供多設(shè)備工程模板并支持跨設(shè)備開發(fā)。在開發(fā)應(yīng)用 / 服務(wù)時,開發(fā)者根據(jù)向?qū)?chuàng)建好工程后,DevEco Studio 會自動生成示例代碼和相關(guān)資源,待工程同步完成即可直接運行,開發(fā)者無需從零開始敲代碼,可快速上手。
高效的代碼編輯
在編寫應(yīng)用或服務(wù)代碼階段,運用代碼常用技巧可提升編碼效率,DevEco Studio 提供代碼高亮、代碼折疊、代碼格式化等各種常用技巧,同時支持聯(lián)想補齊、代碼跳轉(zhuǎn)、代碼校驗等,實現(xiàn)代碼的高效編輯。
支持可視化的界面 UI 開發(fā)
OpenHarmony 低代碼開發(fā)提供高效的可視化設(shè)計方式,具有豐富的 UI 界面編輯功能,其界面、邏輯分離,支持自由拖拽 & 盒式拖拽各類組件,快速預(yù)覽效果,所見即所得,同時支持卡片零碼化開發(fā),有效提升構(gòu)建 UI 界面的效率。開發(fā)者在創(chuàng)建工程選擇開啟 Super Visual,打開使用低代碼開發(fā)功能,在工程目錄結(jié)構(gòu)下打開“.visual”文件,即可進行頁面的可視化布局設(shè)計與開發(fā)。
雙向、極速的 UI 預(yù)覽
在 OpenHarmony 應(yīng)用 / 服務(wù)開發(fā)過程中,DevEco Studio 為開發(fā)者提供預(yù)覽器功能,支持 UI 代碼的雙向預(yù)覽、極速預(yù)覽、實時預(yù)覽、動態(tài)預(yù)覽、多設(shè)備預(yù)覽及組件預(yù)覽,方便開發(fā)者隨時查看 UI 運行效果。
雙向預(yù)覽:支持代碼編輯器、UI 界面和 Component Tree 組件樹三者之間的聯(lián)動。例如,如果在 UI 界面選中一個組件,組件樹中的對應(yīng)組件會被選中,同時編輯器中的對應(yīng)代碼塊會高亮;如果在代碼或者組件樹中點擊時,也會在 UI 界面中高亮定位;此外如果在屬性框中修改屬性,代碼中對應(yīng)屬性也會同步修改。
極速預(yù)覽:在開發(fā)界面 UI 代碼過程中,如果修改了組件的屬性,則預(yù)覽器會實時(亞秒級)刷新預(yù)覽結(jié)果,達到極速預(yù)覽的效果,當(dāng)前版本支持 eTS 組件。
實時預(yù)覽:在開發(fā)界面 UI 代碼過程中,如果添加或刪除了 UI 組件,您只需 Ctrl+S 進行保存,然后預(yù)覽器就會立即刷新預(yù)覽結(jié)果。
動態(tài)預(yù)覽:在預(yù)覽器界面,可以在預(yù)覽器中操作應(yīng)用 / 服務(wù)的界面交互動作,如點擊事件、跳轉(zhuǎn)、滑動等,與應(yīng)用 / 服務(wù)運行在真機設(shè)備上的界面交互體驗一致。
多設(shè)備預(yù)覽:支持在不同的設(shè)備上查看應(yīng)用 / 服務(wù)的 UI 布局和交互效果,最多同時支持 4 個設(shè)備。點擊 Previewer 右上角按鈕,打開 Profile Manager 中的 Multi-profile preview 開關(guān),就可同時查看多設(shè)備上的應(yīng)用 / 服務(wù)運行效果。
組件預(yù)覽:支持 eTS 組件預(yù)覽,通過在組件前添加注解 @Preview 實現(xiàn),在單個源文件中,最多可以使用 10 個 @Preview 裝飾自定義組件。
全新的編譯工具 Hvigor
面向 OpenHarmony 的 JS / eTS 開發(fā),基于 JS 領(lǐng)域的編譯打包和包管理技術(shù),DevEco Studio 提供自動化構(gòu)建工具 Hvigor,實現(xiàn) OpenHarmony 應(yīng)用 / 服務(wù)的一鍵自動化構(gòu)建。
Hvigor 是一款全新基于 TS 實現(xiàn)的前端輕量構(gòu)建工具,結(jié)合 npm 包管理機制,主要提供任務(wù)管理機制,任務(wù)注冊編排、工程模型管理、配置管理、全新的命令行入口等關(guān)鍵能力,更符合 openHarmony TS / JS 開發(fā)者的開發(fā)習(xí)慣。
支持基于設(shè)備系統(tǒng)能力集 SysCap 進行應(yīng)用開發(fā)
SysCap,全稱 System Capability,即系統(tǒng)能力,指操作系統(tǒng)中每一個相對獨立的特性,如藍牙,WIFI,NFC,攝像頭等,都是系統(tǒng)能力之一。DevEco Studio 支持將設(shè)備定義的系統(tǒng)能力 Syscap 集合通過 PCID(Product Compatibility ID)進行導(dǎo)入,導(dǎo)入 PCID 后,編輯器根據(jù)系統(tǒng)能力 SysCap 集合自動過濾和自動聯(lián)想支持的 API。在編譯構(gòu)建 HAP 包時,DevEco Studio 根據(jù)應(yīng)用使用的系統(tǒng)能力 Syscap 集合生成 RPCID(Required Product Compatibility ID),應(yīng)用市場根據(jù) RPCID 將應(yīng)用自動分發(fā)到支持的設(shè)備。
支持全自動化的應(yīng)用簽名機制
為了確保 OpenHarmony 應(yīng)用和服務(wù)的完整性,OpenHarmony 通過數(shù)字證書和授權(quán)文件來對應(yīng)用進行管控,只有簽名過的 HAP 才允許安裝到設(shè)備上運行。為方便開發(fā)者進行調(diào)試,DevEco Studio 提供了全自動化的簽名方案,一鍵生成簽名信息。
豐富的代碼調(diào)試調(diào)優(yōu)能力
代碼調(diào)試:DevEco Studio 支持 OpenHarmony 應(yīng)用 / 服務(wù)的調(diào)試,支持一鍵式應(yīng)用打包、安裝、運行及調(diào)試,同時支持 JS / TS / eTS / C++ 語言調(diào)試,包括支持斷點管理、單步調(diào)試、變量查看等基礎(chǔ)調(diào)試能力外,還支持變量可視化,應(yīng)用 attach 調(diào)試,HiLog 日志打印、過濾及導(dǎo)出等功能,方便開發(fā)者高效進行代碼調(diào)試,問題分析定位。
代碼調(diào)優(yōu):支持當(dāng)前應(yīng)用與系統(tǒng)實時 CPU 負載、Memory 占用情況展示,支持函數(shù)棧的 trace 文件、perf 文件離線解析與展示,并支持此類文件的錄制與導(dǎo)出。
已知問題
在使用 DevEco Studio V3.0 Beta3 版本過程中,您可能會遇到以下問題,我們將在后續(xù)版本中針對這些問題進行改進和優(yōu)化。
環(huán)境配置:
在配置 OpenHarmony 開發(fā)環(huán)境時,macOS 會出現(xiàn)設(shè)置 HTTP proxy 的彈框,如果您不需要設(shè)置代理,請直接點擊 Netx:Configure npm 進行下一步配置。
在 macOS 中,如果選擇了 macOS Light 主題,可能會導(dǎo)致功能異常,如導(dǎo)入 PCID 失敗,請更換為其它主題。
工程管理:
在工程中刪除模塊后,右小角會出現(xiàn)“Build Sync Failed!”的錯誤提示,該提示信息請忽略,工程可以正常進行編譯。
使用深色主題下,在創(chuàng)建工程、新增模塊、新增 Ability、新增 Page 等操作時,配置向?qū)Ы缑鏁霈F(xiàn)閃動的現(xiàn)象,但不影響功能使用。
在從深色主題切換到淺色主題時,部分界面或窗口(如 Settings 界面)未適配的情況。
低代碼開發(fā):
創(chuàng)建低代碼工程,添加 button 組件,綁定事件后進行代碼調(diào)試,在進入斷點時,會出現(xiàn)斷點執(zhí)行順序錯亂的問題。
預(yù)覽器:
在 macOS 中預(yù)覽 Button、Checkbox、Toggle、TextInput、Blank、Rating 組件,修改相應(yīng)組件的屬性時,預(yù)覽器界面不會立即刷新,需要 Ctrl+S 保存后才會更新。
Panel 組件預(yù)覽異常。
在 eTS 代碼中,打開雙向預(yù)覽開關(guān),新增組件屬性后,會出現(xiàn)組件樹異常,無法雙向定位,需要 Ctrl+S 保存后才能恢復(fù)。
在模塊的 hml 代碼中引用 npm 包中的自定義組件,新增或刪除組件并使用 Ctrl+S 保存后,預(yù)覽界面會顯示白屏,需要點擊刷新按鈕才能恢復(fù)。
在 eTS 模塊中引用 npm 三方共享包中的 JS 函數(shù),如果修改了引用的 JS 函數(shù),預(yù)覽界面不會刷新,需要點擊刷新按鈕才能恢復(fù)。
調(diào)試運行:
使用開發(fā)板連接 DevEco Studio,可能會出現(xiàn)設(shè)備無法識別的問題,處理方式請參見設(shè)備連接后,無法識別設(shè)備的處理指導(dǎo)。
在 Hilog 中調(diào)用 hilog.isLoggable 接口會出現(xiàn)程序卡死,影響后續(xù)程序運行,例如 Hilog 日志打印失敗。建議暫時不要使用該接口。
Profile 性能分析:
在進行 Profile 錄制時,點擊 Stop 停止錄制時,會概率性出現(xiàn)錄制失敗的情況,提示“Failed to get the recorded file of sample perf record type”,請嘗試重新錄制。
相關(guān)鏈接查看:
https://developer.harmonyos.com/cn/docs/documentation/doc-releases/ohos-release-notes-0000001226452454
https://developer.harmonyos.com/cn/docs/documentation/doc-releases/ohos-known-issues-0000001270692597
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ohos-sdk-command-line-tool-0000001263280431
廣告聲明:文內(nèi)含有的對外跳轉(zhuǎn)鏈接(包括不限于超鏈接、二維碼、口令等形式),用于傳遞更多信息,節(jié)省甄選時間,結(jié)果僅供參考,IT之家所有文章均包含本聲明。