Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
eb6daf6c
D
Docs
项目概览
OpenHarmony
/
Docs
12 个月 前同步成功
通知
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看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
eb6daf6c
编写于
12月 09, 2021
作者:
葛
葛亚芳
提交者:
Gitee
12月 09, 2021
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/quick-start/start-with-ets.md.
Signed-off-by:
N
ge-yafang
<
geyafang@huawei.com
>
上级
62be1fbd
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
8 addition
and
6 deletion
+8
-6
zh-cn/application-dev/quick-start/start-with-ets.md
zh-cn/application-dev/quick-start/start-with-ets.md
+8
-6
未找到文件。
zh-cn/application-dev/quick-start/start-with-ets.md
浏览文件 @
eb6daf6c
...
...
@@ -3,7 +3,6 @@
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> 请使用DevEco Studio V3.0.0.601 Beta1及更高版本。本文以使用**DevEco Studio 3.0.0.601 Beta1**版本为例,点击[此处](https://developer.harmonyos.com/cn/develop/deveco-studio#download_beta)获取下载链接。
>
> 使用模拟器运行时请选择API7及以上的设备。
## 创建eTS工程
...
...
@@ -46,14 +45,16 @@
}
```
3.
使用
[
预览器
](
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/previewer-0000001054328973#ZH-CN_TOPIC_0000001056725592__section16523172216252
)
或
[
模拟器
](
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/run_simulator-0000001053303709
)
运行项目,效果如下图所示:
!
[
zh-cn_image_0000001172123966
](
figures/zh-cn_image_0000001172123966.png
)
3.
使用
[
预览器
](
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/previewer-0000001054328973#ZH-CN_TOPIC_0000001056725592__section16523172216252
)
运行项目,效果如下图所示:
![
zh-cn_image_0000001172123966
](
figures/zh-cn_image_0000001172123966.png
)
## 创建第二个页面
1.
在“Project“窗口,打开entry
>
src
>
main
>
etsdefault,右键点击pages文件夹,选择New
>
eTS Page,命名为details,单击回车键。创建完成后,可以看到pages文件夹下的文件目录结构如下:
!
[
zh-cn_image_0000001172442492
](
figures/zh-cn_image_0000001172442492.png
)
!
[
zh-cn_image_0000001172442492
](
figures/zh-cn_image_0000001172442492.png
)
2.
第二个页面由Flex容器组件、Text组件构成。在details.ets中编写并设置页面组件的属性和样式,示例代码如下所示:
```
...
...
@@ -108,7 +109,8 @@
}
```
2.
再次使用
[
预览器
](
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/previewer-0000001054328973#ZH-CN_TOPIC_0000001056725592__section16523172216252
)
或
[
模拟器
](
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/run_simulator-0000001053303709
)
运行项目,效果如下图所示:
!
[
zh-cn_image_0000001217683805
](
figures/zh-cn_image_0000001217683805.png
)
2.
再次使用
[
预览器
](
https://developer.harmonyos.com/cn/docs/documentation/doc-guides/previewer-0000001054328973#ZH-CN_TOPIC_0000001056725592__section16523172216252
)
运行项目,效果如下图所示:
![
zh-cn_image_0000001217683805
](
figures/zh-cn_image_0000001217683805.png
)
恭喜你,至此已成功完成OpenHarmony快速入门-使用eTS语言开发。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录