HUAWEI DevEco Studio（如下簡稱DevEco Studio）是面向華爲終端全場景多設備的一站式集成開發環境（IDE），爲開發者提供工程模板建立、開發、編譯、調試、測試、發佈等E2E的HarmonyOS應用開發服務。經過使用DevEco Studio，開發者能夠更高效的開發具有HarmonyOS分佈式能力的應用，進而提高創新效率。2021年3月，DevEco Studio又迎來更新，2.1 Beta3版本強勢來襲。java
新版本的到來，究竟能給廣大HarmonyOS應用開發者帶來哪些不同的體驗？讓咱們在文中一一揭曉。npm
亮點一 ：預覽器新增雙向預覽功能編程
在HarmonyOS應用開發過程當中，開發者可經過點擊「Previewer」，查看應用的UI界面效果。當開發者發現UI界面的佈局顯示不符合預期時（eg:控件的寬度不符合設定值、控件不顯示等），須要逐一排查UI界面中佈局或控件的異常。json
爲了提升排查的效率， DevEco Studio 2.1 Beta3在已有的 「實時預覽」和「動態預覽」基礎上， 全新解鎖了雙向預覽功能。緩存
實時預覽：只要在佈局文件中保存了修改的源代碼，在預覽器中就能夠實時查看佈局效果。框架
動態預覽：在預覽器界面，能夠在預覽器中操做應用的交互動做，如點擊事件、跳轉、滑動等，與應用運行在真機設備上的交互體驗一致。編程語言
所謂雙向預覽，即支持代碼編輯器、預覽器界面（含屬性列表）二者之間的聯動，便於快速定位控件，從而提高解決UI界面問題的效率。開發者可經過在預覽器界面，點擊編輯器
圖標的方式，打開雙向預覽功能。分佈式
具體聯動效果以下：佈局
① 經過預覽器界面中的屬性列表，修改屬性或樣式後，代碼編輯器中的源碼會同步修改，並實時刷新預覽器界面；
② 一樣的，若是在代碼編輯器中修改源碼，將會實時刷新預覽器界面及屬性列表。
但值得注意的是，若碰到如下狀況，則不支持修改其屬性：
l hml佈局代碼裏使用了數據綁定的屬性；
l xml佈局代碼裏使用了資源引用的屬性；
l UI界面設置了動畫效果。
舒適提示：不一樣的API Version版本，預覽器支持的功能略有不一樣，具體差別以下：
亮點 二： 預覽器新增Java UI界面的數據模擬功能
在預覽場景中，因爲代碼的運行環境與真機設備上的運行環境不一樣，調用部分接口時沒法獲取到有效的返回值。開發者若想根據返回值作出不一樣的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官網的資料文檔？ 爲了 減小開發者反覆切換界面查閱 資料文檔的行爲，D evEco Studio 2.1 Beta3新增了可視化配置功能。
開發者可經過打開config.json文件，點擊
按鈕，打開設置界面，查看該項目所需填寫的重要屬性及其含義，完善應用名稱、應用版本號、應用類型、Ability、設備類型、應用權限等配置項。
然而，在開發過程當中，可能存在配置項層級過多的場景，例如：配置「Module › Ablilities › Meta Data › Merge Rule › Replace」字段時，用戶可經過搜索框快速定位到該屬性，點擊add按鈕，輸入相關合並規則，觸發系統在config.json文件中自動建立配置項的樹型結構，完成合並規則的配置，節省配置時間。
亮點四：編輯器新增資源建立嚮導功能
開發者在建立帶限定詞的資源目錄時，需考慮限定詞的取值、不一樣限定詞相互搭配時的前後順序等，稍有誤差則會致使應用在運行時，HarmonyOS檢測不到合適的資源，沒法呈現預期效果。
爲了下降開發者在建立帶限定詞的資源目錄時的出錯機率，D evEco Studio 2.1 Beta3新增了資源建立嚮導功能，用戶根據界面提示進行選擇或輸入，便可完成資源目錄及文件的建立，無需思索 各類限定詞之間的組合關係。
除了上述的兩大亮點功能，DevEco Studio 2.1 Beta3 在編輯器方面，還作了其它優化，具體優化細節以下：
亮點五：新增 Java測試框架
爲了減化繁瑣的人工測試環節，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 Community Edition 2020.2.4版本（舒適提示：因爲底座升級，開發者須要手工升級不可用的三方插件，避免出現已安裝的三方插件不兼容狀況）
② 在調試階段，開發者可設置hap包的安裝方式。若選擇覆蓋安裝，則會保留已安裝應用內的緩存數據，無需重裝應用後再從新構建相關數據，方便調試。
③ 解決了部分開發者下載Node.js緩慢或者失敗的問題。經過集成Node.js並預置華爲公有云的npm倉，進一步縮短搭建HarmonyOS應用開發環境的時間。
④ 已適配支持macOS11.2.2版本。
⑤ 解決了XML裏面的drawable的資源沒法聯想的問題。
六大新增亮點，六項細節優化
一次次的迭代升級，只爲服務每個你
DevEco Studio願攜手廣大開發者，共建HarmonyOS生態