Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
28ccd29f
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
28ccd29f
编写于
3月 29, 2022
作者:
葛
葛亚芳
提交者:
Gitee
3月 29, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/quick-start/start-with-js.md.
Signed-off-by:
N
@ge-yafang
<
geyafang@huawei.com
>
上级
145877bd
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
9 addition
and
6 deletion
+9
-6
zh-cn/application-dev/quick-start/start-with-js.md
zh-cn/application-dev/quick-start/start-with-js.md
+9
-6
未找到文件。
zh-cn/application-dev/quick-start/start-with-js.md
浏览文件 @
28ccd29f
...
@@ -26,7 +26,7 @@
...
@@ -26,7 +26,7 @@
-
**src > main > js > MainAbility > app.js**
:承载Ability生命周期。
-
**src > main > js > MainAbility > app.js**
:承载Ability生命周期。
-
**src > main > resources**
:用于存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件等。
-
**src > main > resources**
:用于存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件等。
-
**src > main > config.json**
:模块配置文件。主要包含HAP包的配置信息、应用
在具体设备上的配置信息以及应用
的全局配置信息。
-
**src > main > config.json**
:模块配置文件。主要包含HAP包的配置信息、应用
/服务在具体设备上的配置信息以及应用/服务
的全局配置信息。
-
**build-profile.json5**
:模块的模块信息 、编译信息配置项,包括 buildOption target配置等。
-
**build-profile.json5**
:模块的模块信息 、编译信息配置项,包括 buildOption target配置等。
-
**hvigorfile.js**
:模块级编译构建任务脚本,开发者可以自定义相关任务和代码实现。
-
**hvigorfile.js**
:模块级编译构建任务脚本,开发者可以自定义相关任务和代码实现。
...
@@ -37,7 +37,7 @@
...
@@ -37,7 +37,7 @@
## 构建第一个页面
## 构建第一个页面
1.
**文本组件。**
1.
**
使用
文本组件。**
工程同步完成后,在“
**Project**
”窗口,点击“
**entry > src >main > js > MainAbility > pages> index**
”,打开“
**index.hml**
”文件,设置Text组件内容。“
**index.hml**
”文件的示例如下:
工程同步完成后,在“
**Project**
”窗口,点击“
**entry > src >main > js > MainAbility > pages> index**
”,打开“
**index.hml**
”文件,设置Text组件内容。“
**index.hml**
”文件的示例如下:
...
@@ -65,7 +65,7 @@
...
@@ -65,7 +65,7 @@
```
```
3.
**设置页面样式。**
3.
**设置页面样式。**
在“
**Project**
”窗口,点击“
**entry > src >main > js > MainAbility > pages> index**
”,打开“
**index.css**
”文件,可以对页面中文本、按钮设置宽高、字体大小、间距等样式。“
**index.css**
”文件的示例如下:
在“
**Project**
”窗口,点击“
**entry > src >
main > js > MainAbility > pages> index**
”,打开“
**index.css**
”文件,可以对页面中文本、按钮设置宽高、字体大小、间距等样式。“
**index.css**
”文件的示例如下:
```
```
...
@@ -98,7 +98,8 @@
...
@@ -98,7 +98,8 @@
}
}
```
```
4.
**在编辑窗口右上角的侧边工具栏,点击Previewer,打开预览器。**
第一个页面效果如下图所示:
4.
**在编辑窗口右上角的侧边工具栏,点击Previewer,打开预览器。**
第一个页面效果如下图所示:
!
[
zh-cn_image_0000001216084724
](
figures/zh-cn_image_0000001216084724.png
)
!
[
zh-cn_image_0000001216084724
](
figures/zh-cn_image_0000001216084724.png
)
...
@@ -192,7 +193,8 @@
...
@@ -192,7 +193,8 @@
}
}
```
```
3.
**打开index文件夹下的任意一个文件,点击预览器中的**
![
zh-cn_image_0000001262339067
](
figures/zh-cn_image_0000001262339067.png
)
**按钮进行刷新。**
效果如下图所示:
3.
**打开index文件夹下的任意一个文件,点击预览器中的**
!
[
zh-cn_image_0000001262339067
](
figures/zh-cn_image_0000001262339067.png
)
**按钮进行刷新。**
效果如下图所示:
!
[
zh-cn_image_0000001216269940
](
figures/zh-cn_image_0000001216269940.png
)
!
[
zh-cn_image_0000001216269940
](
figures/zh-cn_image_0000001216269940.png
)
...
@@ -200,10 +202,11 @@
...
@@ -200,10 +202,11 @@
1.
将搭载OpenHarmony标准系统的开发板与电脑连接。
1.
将搭载OpenHarmony标准系统的开发板与电脑连接。
2.
点击
**File >
Project Structure**
>
**Project >
Signing Configs**
界面勾选“
**Automatically generate signing**
”,等待自动签名完成即可,点击“
**OK**
”。如下图所示:
2.
点击
**File >
Project Structure**
>
**Project >
Signing Configs**
界面勾选“
**Automatically generate signing**
”,等待自动签名完成即可,点击“
**OK**
”。如下图所示:
!
[
zh-cn_image_0000001223557290
](
figures/zh-cn_image_0000001223557290.png
)
!
[
zh-cn_image_0000001223557290
](
figures/zh-cn_image_0000001223557290.png
)
3.
在编辑窗口右上角的工具栏,点击!
[
zh-cn_image_0000001217047316
](
figures/zh-cn_image_0000001217047316.png
)
按钮运行。效果如下图所示:
3.
在编辑窗口右上角的工具栏,点击!
[
zh-cn_image_0000001217047316
](
figures/zh-cn_image_0000001217047316.png
)
按钮运行。效果如下图所示:
!
[
zh-cn_image_0000001217527892
](
figures/zh-cn_image_0000001217527892.png
)
!
[
zh-cn_image_0000001217527892
](
figures/zh-cn_image_0000001217527892.png
)
恭喜您已经使用JS语言开发(传统代码方式)完成了第一个OpenHarmony应用,快来
[
探索更多的OpenHarmony功能
](
../application-dev-guide.md
)
吧。
恭喜您已经使用JS语言开发(传统代码方式)完成了第一个OpenHarmony应用,快来
[
探索更多的OpenHarmony功能
](
../application-dev-guide.md
)
吧。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录