「鸿蒙开发 3」华为鸿蒙应用开发的低代码（Super Visual）开发方式

开发前可以了解下鸿蒙： [鸿蒙开发 序]华为鸿蒙操作系统（HarmonyOS）简介及开发环境搭建

滦州网站制作公司哪家好，找成都创新互联公司！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。成都创新互联公司从2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。

开发前的准备：「鸿蒙开发 1」华为鸿蒙应用集成开发环境DevEco Studio安装和设置

了解鸿蒙应用开发的基本开发流程：「鸿蒙开发 2」第一个华为鸿蒙（HarmonyOS）应用程序（App）

本章目标：

1 了解华为鸿蒙应用开发的可视化（低代码）方式

2 通过构建一个简单的具有页面跳转功能的应用

低代码开发方式，即通过可视化界面开发方式快速构建布局、编辑UI界面，可有效降低用户的上手成本并提升用户构建UI界面的效率。

1 打开DevEco Studio，创建一个新工程，选择支持Phone / Tablet / Wearable（手机 / 平板 / s可穿戴）的模板，我们在此直接选择Empty Ability

Project name工程名称填SuperVisual

Development mode开发方式选择Super Visual

其它的可以使用默认设置，点击完成，进入编辑界面

1 在Project（项目）窗口，删除工程运行默认的入口文件夹：“entry src main js default pages index”文件夹

2 在Project窗口，选择工程中的“entry src main js default pages”，单击鼠标右键，选择“New JS Visual”

JS visual name填first，点击完成，进入编辑界面

创建完成后，可以看到“entry src main supervisual default pages page page.visual”的文件目录结构

3 第一个页面内有一个容器、文本和一个按钮，通过Div、Text和Button组件来实现

（1）分别选中first.visual画面中的Text、Div组件，单击鼠标右键，选择Delete删除

（2）选中UI Control中的Div组件，将其拖至画布

点击右侧属性样式栏中的通用样式图标（General），设置Div组件的高度Height为100%，使其占满屏幕

点击右侧属性样式栏中的样式图标（Flex），设置Div组件的FlexDirection样式为column，使Div的主轴垂直；设置Div组件的JustifyContent样式为center，使得其子组件在主轴上居中显示；设置Div组件的AlignItems样式为center，使得其子组件在交叉轴上居中显示

（3）选中UI Control中的Text组件，将其拖至Div组件的中央区域

点击右侧属性样式栏中的属性图标（Properties），设置Text组件的Content属性为 “ Hello World ”

点击右侧属性样式栏中的通用样式图标（General），设置Text组件的宽（width）为100%，高（height）为100px

点击右侧属性样式栏中的样式图标（Feature），设置组件的FontSize样式为60px，使得其文字放大；设置组件的TextAlign样式为center，使得组件文字居中显示

（4）选中UI Control中的Button组件，将其拖至Text组件下面

点击右侧属性样式栏中的属性图标（Properties），设置Button组件的Value属性为 “ Next ”，

点击右侧属性样式栏中的通用样式图标（General），设置按的宽（width）为40%，高（height）为60px

点击右侧属性样式栏中的样式图标（Feature），设置组件的FontSize样式为40px

至此，第一个页面创建完成

我们可以在预览窗口中看效果，点击右侧边栏的Preview打开预览窗口

1 在Project窗口，选择工程中的“entry src main js default pages”，单击鼠标右键，选择“New JS Visual”

Visual配置界面，JS visual name填second，回车（Enter键）或者点击完成，进入编辑界面

2 第二个页面中有一个容器和文本，通过Div、Text组件实现，现在编辑器已经为我们创建好了，我们就来修改下它们的属性（你也可以删除原有的自己创建，具体步骤参考本章第二节“二 创建第一个页面”）。

选中Text组件，点击右侧属性样式栏中的属性图标（Properties），设置Text组件的Content属性为 “ Hi，I'm always here. ”

点击右侧属性样式栏中的通用图标（General），设置组件的宽（width）为100%，高为60px

点击右侧属性样式栏中的样式图标（Feature），设置组件的FontSize样式为36px，TextAlign样式为center

这样我们的第二个页面创建成功了

1 在Project窗口，打开工程中的“entry src main js default pages first first.js”， 导入router模块，页面路由router根据页面的uri来找到目标页面，从而实现跳转。示例代码如下：

2 打开或者切换到first.visual页面，选中画布上的Button组件，点击右侧属性样式栏中的事件图标（Events），鼠标点击Click事件的输入框，选择launch事件

3 在预览窗口中查看项目效果，点击Next按钮后发现我们的页面成功跳转了。

到此，本章的目标就完成了。

鸿蒙系统的安装教程

1、打开手机点击桌面的“我的华为”

2、随后在“我的华为”中点击立即尝鲜。

3、点击进入选着对应的机型。

4、下载之后点击设置系统更新即可，以上就是我带来的鸿蒙系统安装方法详细介绍，小伙伴们赶快去试试吧！

鸿蒙系统怎么查看文件路径

鸿蒙系统查看文件路径

1、点击预览

进入APP我的页面，点击预览。

2、选择文件类型

进入预览页面，选择文件类型。

3、查看内部储存文件

页面跳转，就查看到内部储存文件了。

鸿蒙系统的文件管理

打开鸿蒙系统的手机，进入桌面，找到需要查看的文件夹，打开文件夹，找到需要查看的文件，

1、打开鸿蒙系统的手机，进入桌面，找到需要放大的文件夹，长按小文件夹。

2、在弹出的文件夹设置中，选择【显示为大文件夹】。

3、选择之后将会变成和桌面卡片一样大小的文件夹了。

4、还可以长按放大后的文件夹移动至任意位置进行排序。

鸿蒙安装包在哪个文件夹

鸿蒙安装包在ausu文件夹。

发展历程

时间线

2012年，华为开始规划自有操作系统“鸿蒙”。

2019年5月17日，由任正非领导的华为操作系统团队开发自主产权操作系统——鸿蒙。

2019年5月24日，国家知识产权局商标局网站显示，华为已申请“华为鸿蒙”商标，申请日期是2018年8月24日，注册公告日期是2019年5月14日，专用权限期是从2019年5月14日到2029年5月13日。

2019年8月9日，华为正式发布鸿蒙系统。同时余承东也表示，鸿蒙OS实行开源。

2020年8月，在中国信息化百人会2020年峰会上，华为消费者业务CEO余承东表示，鸿蒙截至2020年8月已经应用到华为智慧屏、华为手表上，未来有信心应用到1+8+N全场景终端设备上。

2020年9月10日，华为鸿蒙系统升级至华为鸿蒙系统2.0版本，即HarmonyOS 2.0，并面向128KB-128MB终端设备开源。余承东表示，2020年12月份将面向开发者提供鸿蒙2.0的beta版本。

2020年12月16日，华为正式发布HarmonyOS 2.0手机开发者Beta版本。华为消费者业务软件部总裁王成录表示，2020年已有美的、九阳、老板电器、海雀科技搭载鸿蒙 OS，2021年的目标是覆盖40+主流品牌1亿台以上设备。

鸿蒙系统根目录在哪

其实很多HarmonyOS 2.0用户都有这种感觉，现在的根目录都很乱且不知道哪个产生的文件夹，全都放在根目录了，目前在这方面又没有特别的工具来优化或整理。我们一起期待华为新的HarmonyOS版本能够优化根目录。

至于出现Android文件夹很容易说明，是因为鸿蒙兼容Android，且装了Android的软件当然要产生Android的文件夹了。如果是开发者，需要测试兼容应用，可参考“没有鸿蒙OS设备如何检测Android App是否兼容HarmonyOS”一文。

华为手机升级“鸿蒙系统”教程及“升级名单”出来了

华为鸿蒙HarmonyOS 2“正式版”第一批升级名单来了，快来看看有没有你的机型！

这次华为官方给出的升级名单中，一共有18款机型，分别是：HUAWEI Mate40全系列（包括Mate40 RS保时捷版）、Mate30全系列（包括Mate30保时捷版）、HUAWEI Mate Pad/Pad5G。

升级方法：

打开华为手机——找到“我的华为”APP——“升级尝鲜”——“立即查看”——点击“升级更新”即可进入更新。

没有上述机型的小伙伴不要灰心，因为，此次除了上述18款机型支持更新鸿蒙系统2.0外，还有大约12款荣耀系列手机支持内测。内测机型分别是：荣耀V30、荣耀V30Pro、荣耀30、荣耀30Pro、荣耀30Pro +、荣耀Play4 Pro、荣耀20、荣耀20 Pro、荣耀V20、荣耀V20 MOSCHINO联名版、荣耀Magic 2、荣耀V6（部分机型）。

拥有上述机型的小伙伴、如果想提前体验“鸿蒙系统 2”，可以进入“花粉俱乐部APP”——“首页”——“推荐”，进行内测报名，报名成功后就能抢先体验Harmony OS 2系统了。

注意： 如果按上述方法还是无法收到更新或无法更新的小伙伴，在确保网络内存没问题的情况下，请将“我的华为APP”或“花粉俱乐部APP”升级到最新版本即可。

狂叔在此提醒小伙伴们：

无论什么品牌的手机升级都存在一定的风险，升级系统后可能会出现未知bug（错误）也有可能，升级系统后的操作方式或体验和老版本存在较大差异。所以，小伙伴们在升级前要考虑清楚，不要盲目跟风。

想了解更多精彩内容，快来关注 科技 狂叔

标题名称：鸿蒙系统开发教程目录,鸿蒙系统搭建
URL链接：http://scyanting.com/article/dsgiies.html