记录分享

HarmonyOS(鸿蒙系统)-js开发应用体验

2020年9 月 10 日,华为开发者大会上,华为消费者业务 CEO 余承东正式发布了鸿蒙 OS 2.0 版本,并且宣布: 华为鸿蒙OS还将在 2020 年 12 月面向应用开发者发布手机版本;并且已经在gitee开源。

开源地址: https://openharmony.gitee.com

目前模拟器只有 TV 与 Wearable 两种;管他三七二十八先来体验下。。。

下载 DevEco Studio

DevEco Studio是面向华为终端全场景多设备的一站式分布式应用开发平台,支持分布式多端开发、分布式多端调测、多端模拟仿真。

下载地址:
https://developer.harmonyos.com/cn/develop/deveco-studio#download

安装就不演示了有手应该都会 ~ .~

新建js项目

安装好之后 新建项目 ;新建一个TV应用的js空项目,Next

填写项目信息 完成

项目结构目录

很明显能看到,就是常规的前端MVVM框架

在工程目录中:common文件夹主要存放公共资源,如图片、视频等;i18n下存放多语言的json文件;pages文件夹下存放多个页面,每个页面由hml、css和js文件组成(前端三板斧)。 hml组件较少,后期也期待有大佬开发出ui组件库。文章末尾有官方开发文档传送门。

Hello World

美好的开端,Hello World,咱们更换下(Hello HarmonyOS App)。

运行应用

要运行应用我们需要安装模拟器

这时它会弹出网页让你登录华为开发者账号(没有的小伙伴自行申请认证),登录之后它会让你进行账号访问授权,允许后会登录DevEco Studio客户端;然后会下载模拟器( TV 与 Wearable )

看到这个界面说明下载成功,启动一个创建项目时所选择的设备(我选择TV)

然后点击运行,选择启动的模拟器

即可看到运行结果

下面是 Wearable 演示

官方js开发文档

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-js-overview-0000000000500376

感谢观看!

2,250条评论

  • Jamie Korn

    Please let me know if you’re looking for a author for your site. You have some really great posts and I believe I would be a good asset. If you ever want to take some of the load off, I’d absolutely love to write some articles for your blog in exchange for a link back to mine. Please send me an e-mail if interested. Regards!|

  • Albertine Moncier

    Can I simply just say what a relief to find an individual who truly understands what they are talking about on the internet. You definitely realize how to bring an issue to light and make it important. More and more people should read this and understand this side of your story. I was surprised that you are not more popular since you surely have the gift.|

Leave a Reply

邮箱地址不会被公开。