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