Skip to content

Vue DSL在快应用的适配,包含官方Vue项目的构建后代码

Notifications You must be signed in to change notification settings

quickappcn/quickapp-dsl-vue

Repository files navigation

quickapp-dsl-vue


该项目为快应用平台中,Vue框架的适配代码;

运行其中的npm run build会在dist目录下生成对应的DSL文件,而这个文件会被内置在快应用的平台APK中;


相关项目简介

快应用项目的编译工具;包括:项目初始化、编译、校验、打包等;

快应用平台Fork的官方vue源码;补充围绕基于DOM API的适配操作;

快应用官方的Vue DSL项目;补充其中的APP/Page的生命周期、系统能力的获取调用;

快应用平台中运行,使用Vue DSL开发的TodoMVC项目;


如何使用Vue开发快应用

开发者在快应用中使用Vue来开发,需要完成:编译时运行时两方面的操作;

编译时

编译时主要包括:新建快应用项目、编译打包项目的能力;

开发者需要的步骤如下:

# 全局安装hap-toolkit
npm install hap-toolkit -g

# 确认版本大于0.4.1
hap -v

# 初始化项目
hap init vue-demo --dsl=vue  # 如果toolkit版本为0.4.1及其以后

# 进入项目并安装依赖
cd vue-demo
npm install

# 开发项目:增加页面,开发组件等
# ...

# 构建项目,得到rpk文件
npm run build           # 代码非压缩,用于开发
npm run release         # 代码压缩,用于上线

运行时

快应用运行时,手机设备需要运行1050版本及其以上的APK;

目前从1050版本的APK开始,会内置:标准DSL框架JS(ux后缀)、Vue的DSL框架JS;

当平台运行RPK时,会自动根据RPK构建时所用的语法来选择DSL框架,并加载执行;

开发者需要的操作步骤如下:

1. 下载运行平台

开发者可以从这里下载运行快应用平台APK;

2. 安装调试器

开发者可以从这里下载运行快应用调试器APK;

3. 加载编译构建的RPK文件

开发者可以在调试器中选择本地安装或者在线更新的方式,来加载RPK文件;

使用方式与标准的DSL开发一样;具体请参考快应用官方文档教程


联系我们

当您发现当前内测版本中的Vue框架代码有功能缺失或者BUG时,您可以向我们提出ISSUE;

当然如果是高级开发者,也可以提交Merge Request进来;

About

Vue DSL在快应用的适配,包含官方Vue项目的构建后代码

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published