鸿蒙真的是套壳吗?HarmonyOS应用开发初体验,Java原生和JavaScript的mvvm开发

本文介绍了鸿蒙OS应用开发的初步探索,包括IDE的使用、项目结构、 Lite Wearable、TV Ability和TV JS的开发。开发者可以通过Java原生和JavaScript的MVVM框架进行开发。文章强调鸿蒙的设计目的是便于开发者快速上手,并对其潜力和跨平台能力表达了期待。
摘要由CSDN通过智能技术生成

初探寻鸿蒙os的应用开发

本期视频已发布到bilibili更多文章请查我的个人博客

注意是应用开发,没错码农(应用开发)一般关注这个就行了

image-20200915230803354

IDE

点击应用开发以后,点击链接下载IDE,DevEco Studio是基于IDEA开源版魔改的,别再说什么抄袭Androidstudio了,使用这个工具没毛病,快速适应,gradle(gradle是打包构建工具,和Maven这种类似)的下载终于快了一次了

安装过程没什么好说的,就是如果你C盘不够了,安装SDK的时候可以先不确定,进入IDE以后修改安装位置再安装

image-20200915231429357

SDK Tools里面有个预览插件,能够实时预览效果,目前只支持手表

image-20200915234249140

对于其他的TV项目,想要编译查看效果还必须注册一个华为账号,登陆以后远程预览,可以点击Tools/HVD Manager来查看

image-20200915234526042

点击运行以后就是这个效果,每次运行有一个小时的限制

image-20200915234722123

项目结构

目前的应用开发和传统的安卓应用开发没什么区别,都是原生+js的混合,当然底层是他们重写的,设计成这个模式也是为了开发者能够无痛学习,没什么好说的

image-20200915231551443

当然你也完全可以使用JavaScript开发这个应用,只要你使用过vue这类mvvm框架应该是没什么难度的,想要实现复杂的应用还得上原生,原生还是用的Java语言进行开发

image-20200915232108278

这个原生应用的文件结构够熟悉吧,和集成JavaScript框架weex、react都差不多

image-20200915232425940

应用初探

Lite Wearable

首先我们创建一个Lite Wearable应用来看一看,因为只有他能够实时预览

image-20200916104211559

我们主要编辑entry/src/main/js/default/pages下面的内容

image-20200916104459858

这个结构和小程序差不多,我们在index.js中定义一个属性

export default {
   
    data: {
   
        todolist: [{
   
                       title: '刷leetcode',
                       date: '2020-06-25 10:00:00',
                   }, {
   
                       title: '看电影',
                       date: '2020-06-27 20:00:00',
                   }],
    }
}

index.html中使用它

<div class="container">
    <list class="todo-wraper">
        <list-item for="{
    {todolist}}" class="todo-item">
            <text class="todo-title">{
  {$item.title}}</text>
            <text class="todo-title">{
  {$item.date}}</text>
        
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值
>