華為 DevEco Studio 發布新版本 2.2 Beta 1,推出低代碼開發和遠程真機兩大新特點。
低代碼開發是 DevEco Studio 2.2 Beta1 新增的一種面向 JS 框架的可視化界面開發方式,遵循 HarmonyOS JS 開發規范,具有豐富的頁面編輯功能。開發者可通過組件的拖拽和復制等方式,在低代碼頁面完成界面開發及 JS 邏輯關聯,降低開發者上手成本,提高用戶界面開發效率。
開發者可在工程中”js>pages 目錄下,單擊鼠標右鍵,選擇 New > JS Visual”新建低代碼頁面。
創建低代碼頁面時,系統會自動生成對應的 visual 文件和 js 文件,兩種文件的目錄結構一致。其中,visual 文件存儲低代碼頁面的數據模型,雙擊該文件即可打開低代碼頁面,進行可視化開發。而 js 文件描述了低代碼頁面的行為邏輯,定義了頁面里所用到的所有的邏輯關系,比如數據、事件等。
注意:使用低代碼頁面開發時,其關聯 js 文件的同級目錄,即 js>default>pages>page 目錄下不能包含 hml 或 css 文件,否則編譯報錯。