开发前的准备：「鸿蒙开发 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按钮后发现我们的页面成功跳转了。
到此，本章的目标就完成了。
华为鸿蒙HarmonyOS正式问世，这是一套AIoT系统，旨在实现万物互联。
在笔者看来，鸿蒙系统，或是华为手机重生的关键。
我们一起来看下这三个案例。
华为手机的失败
眼下，华为手机出货量极速下滑。
回顾华为手机的失败，先从海外市场开始，缺少谷歌GMS的支持，生态受制。
没有GMS的华为手机，对于海外用户来说，极不方便，购物、邮件、社交和出行都会受到影响。
我们知道，华为在5G方面很超前。
可少了GMS功能，最先进的华为5G手机直接倒退至2G时代。
无奈的华为，只能回到国内市场。
好景不长，在芯片方面，华为再次受到制约。
没有芯片就造不出手机，华为无货可卖，手机市场份额急速暴跌。
总结来说，华为手机先后遭遇双重打击：生态层面（GMS）和硬件层面（芯片）。
谷歌、微软躺赢
谷歌和微软能够躺赢，靠的都是系统生态。
我们常用的电脑操作系统，办公软件，都来自微软。
谷歌拥有安卓系统和GMS，服务了无数用户。
生态一旦形成，就可以形成强大的势能，无人可以撼动。
微软赢在了PC时代。
而安卓赢在了3G/4G时代。
5G来临，华为试图借助HarmonyOS，顺应时代的需求，把握这种势能。
苹果的成功
iPhone把苹果带到了全新的高度，而苹果的成功，是智能硬件和生态势能完美结合的最好案例。
在3G/4G时代，iPhone大放异彩。
苹果手机的成功，靠的是超前的设计和过硬的质量。
而iOS生态愈发强大，和智能设备iPhone相得益彰，互为依托，形成强大的势能。
以iPhone为基础，带动苹果其它设备和产品热卖，包括可穿戴设备，比如AirPods和Apple Watch等等。
这种强大的势能，还可以互相托底。
比如，近年来的iPhone一直被吐槽“没有创新”。
从iPhone X开始，到下一代新机，一直都是“刘海”设计。
这种情况放在安卓手机身上，简直不敢想象。
可是，这几代iPhone的销量却没受到影响。
客观来说，苹果手机质量好，这是基础。可强大的生态（iOS），才是iPhone热卖的关键。
下一代的新iPhone能有多大的创新呢？爆料显示，苹果iPhone 13或推出玫瑰粉版本。
不少网友很不理解，配色也能成为爆料内容了？
没办法，苹果有生态，就是可以为所欲为。
5G时代，万物互联。
华为鸿蒙旨在建立更强大的势，或者借助5G万物互联的大势，形成更强大的助力。
在笔者看来，鸿蒙HarmonyOS的到来，华为的对手不止苹果，还有谷歌。
未来，HarmonyOS站稳脚跟，华为手机作为最重要的一环，必定能东山再起。
各位小伙伴怎么看呢？
