鴻蒙OS 添加JS Component和JS Page

在支持 JS 語言的工程中，支持添加新的 JS Component 和 JS Page，在此之前，需要了解它們的基本概念。

• JS Component：在 JS 工程中，可以存在多個(gè)JS Component（例如js目錄下的

default

文件夾就是一個(gè) JS Component），一個(gè) JS FA 對(duì)應(yīng)一個(gè) JS Component，可以獨(dú)立編譯、運(yùn)行和調(diào)試。

說明

輕量級(jí)智能穿戴對(duì)應(yīng)的 JS 工程，只存在一個(gè) JS FA，因此，輕量級(jí)智能穿戴的 JS 工程不允許創(chuàng)建新的 JS Component。

• JS Page：Page 是表示 JS FA 的一個(gè)前臺(tái)頁面，由 JS、HML 和 CSS 文件組成，是 Component 的最基本單元，構(gòu)成了 JS FA 的每一個(gè)界面。

添加 JS Component

在 JS 工程目錄中，選中 js 文件夾，然后點(diǎn)擊鼠標(biāo)右鍵，選擇 New > JS Component，輸入 JS Component Name，點(diǎn)擊 Finish 完成添加。

添加 JS Page

在 JS 工程目錄中，選擇需要添加 Page的Component 下的 pages 文件夾，然后點(diǎn)擊鼠標(biāo)右鍵，選擇 New > JS Page，輸入 JS Page Name，點(diǎn)擊 Finish 完成添加。