它來了，它來了，HarmonyOS應用開發在線體驗來了

• 2021 年 4 月 16 日
• 筆記
• 鴻蒙

接下來是我們的兩分鐘科普，一分鐘玩轉HarmonyOS應用開發在線體驗，一分鐘簡單了解「一次開發、多設備部署」的原理。萌新的開發者也能第一時間掌握，往下看吧~

一分鐘玩轉HarmonyOS應用開發在線體驗

只需一分鐘，我們將通過對「To-Do List」 Demo進行四個部分的簡單修改，教你輕鬆掌握應用開發在線體驗，體驗應用在手錶、手機、大屏同時運行的效果。

任務隨意加，一次修改輕鬆一 「Run」，多設備同時生效

「一次開發，多設備部署」到底可以多簡單，應用開發在線體驗給你答案。在本Demo.js程式碼文件中添加兩個「任務列表」，示例程式碼如下

{
            id: 'id-4',
            event: '閱讀小說',
            time: '21:30',
            checkBtn: BUTTON_STATE_IMAGE[0],
            color: TEXT_COLOR[0],
            showTag: TAG_STATE[0],
            tag: EVENT_LEVEL[0],
        },
        {
            id:'id-5',
            event: '睡覺休息',
            time: '23:30',
            checkBtn:BUTTON_STATE_IMAGE[0],
            color: TEXT_COLOR[0],
            showTag: TAG_STATE[2],
            tag: EVENT_LEVEL[2],
        },

點擊右上角「Run」按鈕，多端同步生效，即使剛剛入門，也能輕鬆掌握。歡迎更多開發者寫出自己的創意內容~

樣式自定義，你想要的醒目標題隨手拈來

覺得標題不夠醒目？顏色、字體大小由你來定，切換.css文件，找到.title程式碼行，更改color欄位，換個顏色豈不美滋滋，同樣點擊「Run」,多端同時生效，你會換個什麼顏色呢？

任四種預覽視圖，多設備自由切換

想切換不同設備大圖看個清楚？很簡單，點擊「預覽」頁面右上角，全部、手錶、手機、大屏四種預覽視圖隨意換，想看哪個都能看得明白！

忙中出錯不用慌，一鍵「Reset」快速恢復

不小心改錯了文件？不小心點錯了程式碼？不要緊，程式碼頁面右上方「Reset」一鍵快速恢復原始狀態，重新開始！

迫不及待要開始開發，趕緊下載IDE玩轉HarmonyOS應用開發體驗更多精彩功能。

//developer.harmonyos.com/cn/develop/deveco-studio?&ha_source=harmonyos&ha_sourceid=9000

一次開發，多設備部署」的原理

                                            
在萬物互聯時代，開發者在多設備場景下應用開發面臨著以下兩方面的開發挑戰：

1.多設備形態差異。不同設備螢幕大小、螢幕解析度以及螢幕形狀不盡相同，由此讓不同設備UI樣式開發難度加大。同時，不同設備上交互模式不同也帶來了交互維度的開發挑戰。

2.多設備能力差異。不同設備能力不同，記憶體從百KB到10+GB的硬體都有，主頻百M到G級平台都存在，輕量級設備記憶體的限制，多樣設備硬體規格上的巨大差異，難以實現統一開發統一運行。

HarmonyOS如何解決以上兩方面挑戰

1.面對設備形態差異帶來的開發挑戰，HarmonyOS針對性地提出了兩方面的解決策略——UI資訊結構抽象及交互事件歸一。其中，UI資訊結構抽象中提供表述歸一的多態控制項、按需即用的多態布局及開箱即用的工程模板

2.面對設備能力差異帶來的開發挑戰，HarmonyOS提出統一的開發範式，協同可伸縮的運行時，可在百K級~G級設備部署運行，提供ACE JS提供輕量級框架，將一些核心框架做下沉，提供輕量JS引擎，使得同樣的JS開發範式延伸到百K級設備。

想了解更多內容，請訪問51CTO和華為合作共建的鴻蒙社區：//harmonyos.51cto.com