Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
37c82452
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看板
You need to sign in or sign up before continuing.
未验证
提交
37c82452
编写于
3月 19, 2022
作者:
O
openharmony_ci
提交者:
Gitee
3月 19, 2022
浏览文件
操作
浏览文件
下载
差异文件
!2213 Update Docs:快速入门加粗显示调整
Merge pull request !2213 from 葛亚芳/master
上级
a2dfa7ad
7ed80078
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
37 addition
and
33 deletion
+37
-33
zh-cn/application-dev/quick-start/start-overview.md
zh-cn/application-dev/quick-start/start-overview.md
+1
-1
zh-cn/application-dev/quick-start/start-with-ets.md
zh-cn/application-dev/quick-start/start-with-ets.md
+15
-14
zh-cn/application-dev/quick-start/start-with-js-low-code.md
zh-cn/application-dev/quick-start/start-with-js-low-code.md
+6
-4
zh-cn/application-dev/quick-start/start-with-js.md
zh-cn/application-dev/quick-start/start-with-js.md
+15
-14
未找到文件。
zh-cn/application-dev/quick-start/start-overview.md
浏览文件 @
37c82452
...
...
@@ -42,6 +42,6 @@ Ability可以分为[FA(Feature Ability)](https://gitee.com/openharmony/docs/
1.
安装最新版
[
DevEco Studio
](
https://developer.harmonyos.com/cn/develop/deveco-studio#download_beta
)
。
2.
请参考
[
[配置OpenHarmony SDK
](
configuring-openharmony-sdk.md
)
](zh-cn_topic_0000001113561194.xml
),完成
**DevEco Studio**
的安装和开发环境配置。
2.
请参考
[
配置OpenHarmony SDK
](
configuring-openharmony-sdk.md
)
,完成
**DevEco Studio**
的安装和开发环境配置。
完成上述操作及基本概念的理解后,可参照
[
使用eTS语言开发
](
start-with-ets.md
)
、
[
使用JS语言开发(传统代码方式)
](
start-with-js.md
)
、
[
使用JS语言开发(低代码方式)
](
start-with-js-low-code.md
)
中的任一章节进行下一步体验和学习。
zh-cn/application-dev/quick-start/start-with-ets.md
浏览文件 @
37c82452
...
...
@@ -20,19 +20,19 @@
## eTS工程项目文件
-
**entry
:**
OpenHarmony工程模块,编译构建生成一个Hap包。
-
**entry > src > main > ets**
:用于存放ets源码。
-
**entry > src >main > ets > MainAbility
:**
应用/服务的入口。
-
**entry > src >main > ets > MainAbility > pages
:**
MainAbility包含的页面。
-
**entry > src >main > ets > MainAbility > app.ets**
:承载Ability生命周期。
-
**entry > src > main > resources
:**
用于存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件等。
-
**entry > src > main >config.json
:**
模块配置文件。主要包含HAP包的配置信息、应用在具体设备上的配置信息以及应用的全局配置信息。
-
**entry > build-profile.json5
:**
模块的模块信息 、编译信息配置项,包括 buildOption target配置等。
-
**entry > hvigorfile.js**
:模块级编译构建任务脚本,开发者可以自定义相关任务和代码实现。
-
**entry
**
:
OpenHarmony工程模块,编译构建生成一个Hap包。
-
**entry > src > main > ets**
:用于存放ets源码。
-
**entry > src >main > ets > MainAbility
**
:
应用/服务的入口。
-
**entry > src >main > ets > MainAbility > pages
**
:
MainAbility包含的页面。
-
**entry > src >main > ets > MainAbility > app.ets**
:承载Ability生命周期。
-
**entry > src > main > resources
**
:
用于存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件等。
-
**entry > src > main >config.json
**
:
模块配置文件。主要包含HAP包的配置信息、应用在具体设备上的配置信息以及应用的全局配置信息。
-
**entry > build-profile.json5
**
:
模块的模块信息 、编译信息配置项,包括 buildOption target配置等。
-
**entry > hvigorfile.js**
:模块级编译构建任务脚本,开发者可以自定义相关任务和代码实现。
-
**build-profile.json5
:**
应用级配置信息,包括签名、产品配置等。
-
**build-profile.json5
**
:
应用级配置信息,包括签名、产品配置等。
-
**hvigorfile.js
:**
应用级编译构建任务脚本。
-
**hvigorfile.js
**
:
应用级编译构建任务脚本。
## 构建第一个页面
...
...
@@ -97,7 +97,8 @@
}
```
3.
**在编辑窗口右上角的侧边工具栏,点击Previewer,打开预览器。**
第一个页面效果如下图所示:
3.
**在编辑窗口右上角的侧边工具栏,点击Previewer,打开预览器。**
第一个页面效果如下图所示:
!
[
zh-cn_image_0000001216239356
](
figures/zh-cn_image_0000001216239356.png
)
...
...
@@ -229,7 +230,7 @@
}
```
3.
**打开index.ets文件,点击预览器中的**
![
zh-cn_image_0000001262219043
](
figures/zh-cn_image_0000001262219043.png
)
**按钮进行刷新。**
效果如下图所示:
3.
**打开index.ets文件,点击预览器中的**
!
[
zh-cn_image_0000001262219043
](
figures/zh-cn_image_0000001262219043.png
)
**按钮进行刷新。**
效果如下图所示:
!
[
zh-cn_image_0000001260684127
](
figures/zh-cn_image_0000001260684127.png
)
...
...
@@ -240,5 +241,5 @@
2.
点击
**File >Project Structure**
>
**Project > Signing**
界面勾选“
**Automatically generate signing**
”,等待自动签名完成即可,点击“
**OK**
”。如下图所示:
!
[
zh-cn_image_0000001217365030
](
figures/zh-cn_image_0000001217365030.png
)
3.
**在编辑窗口右上角的工具栏,点击**
![
zh-cn_image_0000001262206247
](
figures/zh-cn_image_0000001262206247.png
)
**按钮运行。**
效果如下图所示:
3.
在编辑窗口右上角的工具栏,点击!
[
zh-cn_image_0000001262206247
](
figures/zh-cn_image_0000001262206247.png
)
按钮运行。
效果如下图所示:
!
[
zh-cn_image_0000001217526428
](
figures/zh-cn_image_0000001217526428.png
)
zh-cn/application-dev/quick-start/start-with-js-low-code.md
浏览文件 @
37c82452
...
...
@@ -26,7 +26,7 @@ OpenHarmony低代码开发方式,具有丰富的UI界面编辑功能,遵循[
1.
打开
**DevEco Studio**
,点击
**File**
>
**New > Create Project**
,选择模板“
**Empty Ability**
”,点击
**Next**
进行下一步配置。
!
[
zh-cn_image_0000001259949659
](
figures/zh-cn_image_0000001259949659.png
)
2.
进入配置工程界面,打开“
**Super Visual Enable**
”开关
**,UI Syntax**
选择“
**JS**
”,其他参数保持默认设置即可。
2.
进入配置工程界面,打开“
**Super Visual Enable**
”开关
,
**UI Syntax**
选择“
**JS**
”,其他参数保持默认设置即可。
!
[
zh-cn_image_0000001261786055
](
figures/zh-cn_image_0000001261786055.png
)
3.
点击
**Finish**
,工具会自动生成示例代码和相关资源,等待工程创建完成。
...
...
@@ -71,7 +71,7 @@ OpenHarmony低代码开发方式,具有丰富的UI界面编辑功能,遵循[
!
[
zh-cn_image_0000001260928361
](
figures/zh-cn_image_0000001260928361.gif
)
5.
**在编辑窗口右上角的侧边工具栏,点击Previewer,打开预览器。**
第一个页面效果如下图所示:
5.
**在编辑窗口右上角的侧边工具栏,点击Previewer,打开预览器。**
第一个页面效果如下图所示:
!
[
zh-cn_image_0000001216288558
](
figures/zh-cn_image_0000001216288558.png
)
...
...
@@ -118,6 +118,7 @@ OpenHarmony低代码开发方式,具有丰富的UI界面编辑功能,遵循[
```
-
“
**index.viusal**
”: 打开index.visual,选中画布上的Button组件。点击右侧属性样式栏中的事件图标!
[
zh-cn_image_0000001215388136
](
figures/zh-cn_image_0000001215388136.png
)
(Events),鼠标点击Click事件的输入框,选择onclick事件,如下所示:
![zh-cn_image_0000001261137889](figures/zh-cn_image_0000001261137889.png)
2.
**第二个页面返回到第一个页面。**
...
...
@@ -140,7 +141,7 @@ OpenHarmony低代码开发方式,具有丰富的UI界面编辑功能,遵循[
!
[
zh-cn_image_0000001216618320
](
figures/zh-cn_image_0000001216618320.png
)
3.
**打开index.visual或index.js文件,点击预览器中的**
![
zh-cn_image_0000001261979271
](
figures/zh-cn_image_0000001261979271.png
)
**按钮进行刷新。**
效果如下图所示:
3.
**打开index.visual或index.js文件,点击预览器中的**
!
[
zh-cn_image_0000001261979271
](
figures/zh-cn_image_0000001261979271.png
)
**按钮进行刷新。**
效果如下图所示:
!
[
zh-cn_image_0000001261142799
](
figures/zh-cn_image_0000001261142799.png
)
...
...
@@ -151,5 +152,6 @@ OpenHarmony低代码开发方式,具有丰富的UI界面编辑功能,遵循[
2.
点击
**File >Project Structure**
>
**Project > Signing**
界面勾选“
**Automatically generate signing**
”,等待自动签名完成即可,点击“
**OK**
”。如下图所示:
!
[
zh-cn_image_0000001217527948
](
figures/zh-cn_image_0000001217527948.png
)
3.
**在编辑窗口右上角的工具栏,点击**
![
zh-cn_image_0000001262207811
](
figures/zh-cn_image_0000001262207811.png
)
**按钮运行。**
效果如下图所示:
3.
在编辑窗口右上角的工具栏,点击!
[
zh-cn_image_0000001262207811
](
figures/zh-cn_image_0000001262207811.png
)
按钮运行效果如下图所示:
!
[
zh-cn_image_0000001262127855
](
figures/zh-cn_image_0000001262127855.png
)
zh-cn/application-dev/quick-start/start-with-js.md
浏览文件 @
37c82452
...
...
@@ -18,19 +18,19 @@
## JS工程项目文件
-
**entry:**
OpenHarmony工程模块,编译构建生成一个Hap包。
-
**entry > src > main > js**
:用于存放js源码。
-
**entry > src >main > js > MainAbility
:**
应用/服务的入口。
-
**entry > src >main > js > MainAbility > pages
:**
MainAbility包含的页面。
-
**entry > src >main >js > MainAbility > app.js**
:承载Ability生命周期。
-
**entry > src > main > resources
:**
用于存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件等。
-
**entry > src > main > config.json**
:模块配置文件。主要包含HAP包的配置信息、应用在具体设备上的配置信息以及应用的全局配置信息。
-
**entry > build-profile.json5
:**
模块的模块信息 、编译信息配置项,包括 buildOption target配置等。
-
**entry > hvigorfile.js**
:模块级编译构建任务脚本,开发者可以自定义相关任务和代码实现。
-
**entry:**
OpenHarmony工程模块,编译构建生成一个Hap包。
-
**entry > src > main > js**
:用于存放js源码。
-
**entry > src >main > js > MainAbility
**
:
应用/服务的入口。
-
**entry > src >main > js > MainAbility > pages
**
:
MainAbility包含的页面。
-
**entry > src >main >js > MainAbility > app.js**
:承载Ability生命周期。
-
**entry > src > main > resources
**
:
用于存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件等。
-
**entry > src > main > config.json**
:模块配置文件。主要包含HAP包的配置信息、应用在具体设备上的配置信息以及应用的全局配置信息。
-
**entry > build-profile.json5
**
:
模块的模块信息 、编译信息配置项,包括 buildOption target配置等。
-
**entry > hvigorfile.js**
:模块级编译构建任务脚本,开发者可以自定义相关任务和代码实现。
-
**build-profile.json5
:**
应用级配置信息,包括签名、产品配置等。
-
**build-profile.json5
**
:
应用级配置信息,包括签名、产品配置等。
-
**hvigorfile.js
:**
应用级编译构建任务脚本。
-
**hvigorfile.js
**
:
应用级编译构建任务脚本。
## 构建第一个页面
...
...
@@ -94,7 +94,8 @@
}
```
4.
**在编辑窗口右上角的侧边工具栏,点击Previewer,打开预览器。**
第一个页面效果如下图所示:
4.
**在编辑窗口右上角的侧边工具栏,点击Previewer,打开预览器。**
第一个页面效果如下图所示:
!
[
zh-cn_image_0000001216084724
](
figures/zh-cn_image_0000001216084724.png
)
...
...
@@ -185,7 +186,7 @@
}
```
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
)
...
...
@@ -196,5 +197,5 @@
2.
点击
**File >Project Structure**
>
**Project > Signing**
界面勾选“
**Automatically generate signing**
”,等待自动签名完成即可,点击“
**OK**
”。如下图所示:
!
[
zh-cn_image_0000001262327095
](
figures/zh-cn_image_0000001262327095.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
)
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录