鴻蒙javascript專案開發----呼吸計時訓練（基于華為輕量級運動手表）

沒有人能夠熄滅滿天星光
每一位開發者，都是華為要匯聚的星星之火

第一個javascript開發鴻蒙app----呼吸計時訓練（基于華為輕量級運動手表）
b站學習視頻
運行圖如下：

github代碼倉庫
或者
codechina代碼倉庫
個人手敲代碼，視頻每一個章節的我都對應一個分支

以下是我從官網和開發者論壇找到的內容，希望能幫助到大家

鴻蒙官方檔案在哪找？

有三個地址，第一個暫時全面點，第二個更偏向底層的硬體開發板，第三個是JS的API

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/start-overview-0000000000029602

https://gitee.com/openharmony/docs/blob/master/quick-start/Readme-CN.md

https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-framework-syntax-js-0000000000611432
很多人問的語法知識，其實在官方檔案里都有了，只是大家沒注意到官方檔案右上角，除了指南還有參考（API）

鴻蒙的開發IDE（DevEco）如何下載？

下載地址如下，這個IDE是從jetBrains的開源專案改造的，

https://developer.harmonyos.com/cn/develop/deveco-studio#download

新建Project后提示ERROR: Failed to open zip file. Gradle’s dependency cache may be corrupt (this sometimes occurs after a network connection timeout.) Re-download dependencies and sync project (requires network)

把專案檔案夾里的gradle -> wrapper -> gradle-wrapper.properties里的

distributionUrl=https\://services.gradle.org/distributions/gradle-5.4.1-all.zip

改成

distributionUrl=https://downloads.gradle-dn.com/distributions/gradle-5.4.1-all.zip

再重啟DevEco試試，本來gradle會自動轉到中國的這個cdn，我看到原文里的https后面有個斜杠不知道是什么意思，是不是這里多加了一個斜杠導致不能順利決議網址，

HVD Manager下載問題，很遺憾這個一直也沒有解決，這里貼兩篇帖子做參考

HVD Manage無法下載問題從提出到解決

https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202360949317840956&fid=0101303901040230869

【HVD Manager】下載時候一直提示在登錄的問題解決方法

https://developer.huawei.com/consumer/cn/forum/topicview?tid=0203361547665100946&fid=0101303901040230869

DevEco中打開Tools -> HVD Manager時，網頁不出現官方檔案中提示的允許界面

暫時不知道原因，當時我退出了登錄，關閉IDE并且重啟了電腦，重新打開了出現了認證界面

DevEco如何下載有時候使用Dev eco時無法使用自動補全

這是因為語言服務器出現問題關閉了，在右下角的圓形圖示那里可以看到是哪個語言服務器出了問題，直接左上角File -> Close
Project，關閉工程，然后重新進入即可，這時語言服務器重啟了就好了，

為什么我新建布局檔案后直然后findComponentById一直報紅色找不到的問題？

目前這個2.0.8.203有些bug，官方已收到反饋，后續會修復，

目前在新建布局檔案的時候，ResourceTable一定找不到你的布局檔案和id，此時需要重啟編譯器，每新建一個布局檔案，就需要重啟編譯器才能找到你布局檔案對應的id，

不是說鴻蒙支持的是ES5.1嗎，怎么還能用ES6的語法？

鴻蒙的js runtime沒有使用 V8，而是選擇了三星的 JerryScript，JerryScript 是用于物聯網的超輕量
JavaScript 引擎，它能夠在記憶體少于 64 KB 的設備上執行 ECMAScript 5.1 源代碼，這也是為什么在檔案中說鴻蒙
JS 框架支持 ECMAScript 5.1 的原因，但鴻蒙會把一部分能支持的ES6語法自動轉化為ES5.1，

https://blog.csdn.net/JustJavaC/article/details/108538873

輕量級智能穿戴支持ES6的語法如下（非輕量級的沒有說明）：

let/const
arrow functions
class
default value
destructuring assignment
destructuring binding pattern
enhanced object initializer
for-of
rest parameter
template strings

https://developer.harmonyos.com/cn/docs/documentation/doc-references/lite-wearable-syntax-js-0000001055613463

DevEco中打開View -> Tool Windows 找不到Previewer？

關閉當前工程，洗掉后重建工程，選擇Lite Wearable中的任意一個模板，進入后Previewer出現，

TV和Wearable暫時沒有Previewer，可以打開Tools -> HVD Manager，使用虛擬設備手表或者TV代替，
博主個人第一次沒找到，運行了模擬器之后就找到了，

DevEco 運行按鈕和Debug的蟲子按鈕變成灰色？

這是因為丟失了配置Configuration，在運行按鈕前面會出現個+add configuration的按鈕，出現丟失配置的原因可能是之前卸載重裝過DevEco，但是沒有卸載完全，

先在系統里卸載DevEco（不要使用DevEco安裝程式自動卸載，這會導致卸載不完全），然后卸載完全后重新安裝DevEco，

如果之前卸載完全的話，安裝好之后第一次啟動DevEco時就會出現是否import配置的對話框，選擇不匯入后進入軟體發現運行按鈕變好了，

有時我編程時語法什么都是正確的，模擬器卻不能正確顯示？

模擬器需要網路，如果網路不正常時，模擬器會出現卡頓、卡死，無法正確回應代碼的情況

模擬器啟動失敗、認證失敗等等

請求是通過網路請求的，退出網頁登錄重進，重啟IDE，注銷用戶，重啟電腦，第一種不行就第二種，只要你網路沒問題，應該就好了，還有一種情況是在使用chrome時一直無法認真，默認瀏覽器換成微軟的edge瀏覽器就認證通過了，

新建js專案后，每次都要一路定位到index.hml，有沒有更輕松的方法？

專案新建后會默認打開app.js，這時只需要點圖中的十字圖示，就可以很快定位到檔案了，離pages只有一步之遙，省得你再去手動點entry
-> src -> main -> js -> default

怎樣快速打開previewer？

左下角有個視窗的圖示，點一下里面就有previewer

為什么官方教程找到的有些組件的語法用不了？

不同設備，支持的語法集大小不一樣，猜測是跟記憶體和螢屏大小有關系，記憶體和螢屏小的設備支持的語法集比較小，有的語法TV支持，但是Lite Wearable不支持，
比如頁面路由語法中Lite Wearable只能用router.replace這個語法，router.push、router.back這些語法都用不了，
同時，JS UI不支持后臺頁面，當打開一個頁面時，上一個頁面就銷毀了，