鴻蒙手機OS開發工具，華為DevEco Studio 2.1 Beta3發佈
IT之家4月1日消息 HUAWEI DevEco Studio（以下簡稱 DevEco Studio）是面向華為終端全場景多設備的一站式集成開發環境（IDE），為開發者提供工程模板創建、開發、編譯、調試、測試、發佈等 E2E 的 HarmonyOS 應用開發服務。IT之家獲悉，通過使用 DevEco Studio，開發者可以更高效的開發具備 HarmonyOS 分佈式能力的應用，進而提升創新效率。2021 年 3 月，DevEco Studio 又迎來 2.1 Beta3 版本。
新版本的到來，究竟能給廣大 HarmonyOS 應用開發者帶來哪些不一樣的體驗？下面華為官方帶來新功能介紹。
亮點一：預覽器新增雙向預覽功能在 HarmonyOS 應用開發過程中，開發者可通過點擊 “Previewer”查看應用的 UI 界面效果。當開發者發現 UI 界面的佈局顯示不符合預期時（eg: 控件的寬度不符合設定值、控件不顯示等），需要逐一排查 UI 界面中佈局或控件的異常。
為了提高排查的效率，DevEco Studio 2.1 Beta3 在已有的 “實時預覽”和 “動態預覽”基礎上，全新解鎖了雙向預覽功能。
實時預覽：只要在佈局文件中保存了修改的源代碼，在預覽器中就可以實時查看佈局效果。
動態預覽：在預覽器界面，可以在預覽器中操作應用的交互動作，如點擊事件、跳轉、滑動等，與應用運行在真機設備上的交互體驗一致。
所謂雙向預覽，即支持代碼編輯器、預覽器界面（含屬性列表）兩者之間的聯動，便於快速定位控件，從而提升解決 UI 界面問題的效率。開發者可以通過在預覽器界面，點擊圖標的方式，打開雙向預覽功能。
具體聯動效果如下：
①通過預覽器界面中的屬性列表，修改屬性或樣式後，代碼編輯器中的源碼會同步修改，並實時刷新預覽器界面；
②同樣的，如果在代碼編輯器中修改源碼，將會實時刷新預覽器界面及屬性列表。
但值得注意的是，若碰到以下情況，則不支持修改其屬性：
hml 佈局代碼裏使用了數據綁定的屬性；
xml 佈局代碼裏使用了資源引用的屬性；
UI 界面設置了動畫效果。
温馨提示：不同的 API Version 版本，預覽器支持的功能略有不同，具體差異如下：
在預覽場景中，由於代碼的運行環境與真機設備上的運行環境不同，調用部分接口時無法獲取到有效的返回值。開發者若想根據返回值做出不同的 UI 界面展現，則需手動反覆修改代碼邏輯，以驗證不同 UI 界面效果。
為了減少修改，DevEco Studio 提供 PreviewMock 數據模擬功能，即在不改變業務運行邏輯的前提下，模擬 API 或者業務代碼中的各種 method（不包括構造方法）的返回值和對象中的 Field（不包括 final 字段）的值。這樣開發者就可以在預覽時，查看到不同返回值帶來的界面變化。
不過值得注意的是，DevEco Studio 2.1 Beta3 當前僅支持 Java UI 界面的 PreviewMock 數據模擬功能。與此同時，要想使用 PreviewMock 數據模擬功能，需先在模塊的 build.gradle 中添加相關依賴，並重新同步工程。
（圖：在 build.gradle 中添加 PreviewMock 的依賴）
除了上述的兩大亮點功能，在 Java UI 界面預覽方面，開發者在預覽 Ability 或 AbilitySlice 時，保存修改後的代碼，即可做到實時預覽；在 JS UI 界面預覽方面，開發者可直接選擇某一個 page（頁面）進行實時動態預覽。
亮點三：編輯器新增 config.json 可視化配置功能作為 HarmonyOS 應用開發的入門選手，你是否為了瞭解配置項的含義，而反覆查閲 HarmonyOS 官網的資料文檔？為了減少開發者反覆切換界面查閲資料文檔的行為，DevEco Studio 2.1 Beta3 新增了可視化配置功能。
開發者可通過打開 config.json 文件，點擊按鈕，打開設置界面，查看該項目所需填寫的重要屬性及其含義，完善應用名稱、應用版本號、應用類型、Ability、設備類型、應用權限等配置項。
然而，在開發過程中，可能存在配置項層級過多的場景，例如：配置 “Module › Ablilities › Meta Data › Merge Rule › Replace”字段時，用户可通過搜索框快速定位到該屬性，點擊 add 按鈕，輸入相關合並規則，觸發系統在 config.json 文件中自動創建配置項的樹型結構，完成合並規則的配置，節省配置時間。
亮點四：編輯器新增資源創建嚮導功能開發者在創建帶限定詞的資源目錄時，需考慮限定詞的取值、不同限定詞相互搭配時的先後順序等，稍有偏差則會導致應用在運行時，HarmonyOS 檢測不到合適的資源，無法呈現預期效果。
為了降低開發者在創建帶限定詞的資源目錄時的出錯機率，DevEco Studio 2.1 Beta3 新增了資源創建嚮導功能，用户根據界面提示進行選擇或輸入，即可完成資源目錄及文件的創建，無需思索各種限定詞之間的組合關係。
除了上述的兩大亮點功能，DevEco Studio 2.1 Beta3 在編輯器方面，還做了其它優化，具體優化細節如下：
為了減化繁瑣的人工測試環節，DevEco Studio 2.1 Beta3 新增了 Java 測試框架，提供 Java 代碼白盒測試能力，幫助開發者高效編寫和執行測試用例，保障應用基礎質量。
在開發階段，開發者可藉助由 Java 測試框架提供的 IAbilityDelegator，進行 APP 組件操控測試（如：啓動 / 關閉 FA、獲取界面 UI 元素、注入 UI 點擊事件等），及時發現 UI 交互問題。或使用 JUnit 4 語法範式，編寫測試用例、調用系統接口，獲得 API 返回值或觸發業務流程，根據接口返回值或業務狀態，判斷業務邏輯的正確性。
Java 測試框架在真機或遠程模擬器設備上運行的前提：
① 遠程模擬器需註冊開發者賬號並完成實名認證；
② 真機設備需搭載 HarmonyOS 操作系統，並打開調試模式，且有相應的簽名文件。
亮點六：新增了 5 個手機（Phone）工程模板DevEco Studio 支持手機 (Phone)、平板 (Tablet)、車機 (Car)、智慧屏 (TV)、智能穿戴 (Wearable)、輕量級智能穿戴 (Lite Wearable)和智慧視覺 (Smart Vision)七種設備的 HarmonyOS 應用開發，支持 Java、JS 和 C/C++ 編程語言。
為了方便開發者的使用，DevEco Studio 提供了多設備類型、不同開發語言的 Ability 模板。本次的新版本，在原有的基礎上，新增了 5 個手機 (Phone)工程模板，目前手機 (Phone)工程模板共 19 個。開發者們可根據工程嚮導，挑選合適的模板，輕鬆創建適用於各類設備的工程，並自動生成對應的代碼和資源模板。
除了以上的六大亮點，DevEco Studio 2.1 Beta3 還能給廣大開發者帶來哪些細節的優化？
在開發者打開歷史工程時，DevEco Studio 2.1 Beta3 會提示開發者將歷史工程進行升級適配，點擊提示中的 “Update”，即可一鍵自動化修改工程中的配置信息，省去開發者逐一修改相關配置的煩惱。
除此之外，DevEco Studio 2.1 Beta3 還在不少細節上進行了優化。下面請看細節清單：
①升級 IntelliJ IDEA 底座至 IntelliJ IDEA CommunityEdition 2020.2.4 版本（温馨提示：由於底座升級，開發者需要手工升級不可用的三方插件，避免出現已安裝的三方插件不兼容情況）
②在調試階段，開發者可設置 hap 包的安裝方式。若選擇覆蓋安裝，則會保留已安裝應用內的緩存數據，無需重裝應用後再重新構建相關數據，方便調試。
③解決了部分開發者下載 Node.js 緩慢或者失敗的問題。通過集成 Node.js 並預置華為公有云的 npm 倉，進一步縮短搭建 HarmonyOS 應用開發環境的時間。
④已適配支持 macOS11.2.2 版本。
⑤解決了 XML 裏面的 drawable 的資源無法聯想的問題。