【记录】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