上手作一個華爲鴻蒙手錶應用 1 - 建立項目

本文是照着張榮超老師的視頻教程的實操
在這裏插入圖片描述git

功能:

 1. 左側時間選擇器
 2. 右側呼吸速度選擇器
 3. 下方開始按鈕
 4. 中間呼吸狀態

注:

 1. 本文不講解開發環境的搭建,若有須要能夠參考開發環境搭建:[https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202355439466190732&fid=0101303901040230869](https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202355439466190732&fid=0101303901040230869)
 2. 原文能夠到語雀去搜:鴻蒙,搜索結果排第一的做者:(目前)chatterzhao ,即爲本文的做者,那邊的文檔還有一些其餘教程。
 3. 文中有的連接不能直接打開,你們能夠右鍵打開。
 4. 倉庫地址:[https://gitee.com/zhaoquan/harmonyoswatchdemo](https://gitee.com/zhaoquan/harmonyoswatchdemo)

1、項目建立

- IDE 名字中的 DevEco 好像讀:戴微扣,僅供參考
 - 建立 TV 和 Wearable 項目能夠選擇 JS 或 Java 開發框架;建立 Lite Wearbale 目前默認是 JS 框架

建立項目
在這裏插入圖片描述小程序

若是你的 IDE 已經啓動了項目,則從 HuaWei DevEco Studio 的 File -> New -> NewProject,建立一個項目,項目名叫:HuXi
在這裏插入圖片描述瀏覽器

填寫項目名及項目存儲路徑
在這裏插入圖片描述bash

項目建立成功界面長這樣,後面咱們的開發主要在 pages 下面進行框架

鴻蒙 JS 框架跟小程序思路很像,小程序開發者很容易入門,很是務實

在這裏插入圖片描述

咱們把 Hello World 在預覽器中打開ide

須要進入到具體頁面編輯代碼,好比將雙擊 index.hml,而後將光標停留在代碼上,再去點菜單才顯示 Previewer

在這裏插入圖片描述

咱們還能夠把 Hello World 在遠程虛擬設備打開測試

點擊下面的 HVD Manager,若是 IDE 尚未登陸開發者帳號,會自動啓動默認瀏覽器進行登陸。
華爲手機直接用手機上的:設置->帳號中心(列表第一個)-> 右上角掃碼功能掃碼登陸。
若是非華爲手機可使用手機號+驗證碼或密碼登陸。
注意:
帳號若是沒有實名,或者實名審覈經過時間不足10分鐘,也可能沒法登陸成功,請實名後再試。
虛擬設備有使用時間時間限制,使用後及時關閉,開發中建議多用上面的預覽器或模擬器,少用遠程虛擬設備。

在這裏插入圖片描述

刷新
在這裏插入圖片描述code

啓動遠程模擬器
在這裏插入圖片描述視頻

啓動成功:blog

每次啓動只有 60 分鐘使用時長,測試完畢建議及時關閉

在這裏插入圖片描述

至此項目準備工做就完成了


2、開始擼代碼

爲了防止文章太長,這裏不繼續。下一篇文章的連接:https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202356408634880779&fid=0101303901040230869


原文連接:https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202356376262560775&fid=0101303901040230869做者:chatterzhao

相關文章
相關標籤/搜索