未验证 提交 37c82452 编写于 作者: O openharmony_ci 提交者: Gitee

!2213 Update Docs:快速入门加粗显示调整

Merge pull request !2213 from 葛亚芳/master
......@@ -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)中的任一章节进行下一步体验和学习。
......@@ -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)
......@@ -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)
......@@ -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.
先完成此消息的编辑!
想要评论请 注册