本文将从下载 IDE、新建项目、安装依赖、调试项目、发布项目、常见问题等方面入手,让您学习后,可以快速开始开发快应用。
下载IDE
在下面的博客中可以看到整个的安装与异常解决方案。
vivo - BlueOS Studio下载方法与环境异常解决方案-CSDN博客
快应用官网推荐使用开发者工具(IDE)开发,它专为快应用开发设计,支持快应用、卡片等开发和调试;编译预览、打包上传、云测、远程预览、生成骨架屏等功能,一应俱全;
另外,还支持账号登录,应用关联,查看详情等;快应用 IDE 旨在:让开发者能够更高效开发、调试、测试以及发布快应用(IDE 下载地址)。
安装最新版快应用开发工具(IDE) , 即可开发快应用。以下是开发环节的基本流程:
基本教程
教程地址:教程地址
这里有对应的背景介绍
快应用是一种新的应用形态,以往的手机端应用主要有两种方式:网页、原生应用;网页无需安装,却体验不是很好;原生应用体验流畅,却需要从应用商店下载安装,难以一步直达用户;快应用的出现,就是希望能够让用户无需下载安装,并且还能流畅的体验应用内容。
为了达到上面的目标,快应用建立一种新的语言开发规范,同时提供一系列的开发套件辅助支持。简单来说,开发者主要利用前端知识与技能,以及对应的 IDE,手机设备就可以做原型的开发。快应用使用前端技术栈开发,原生渲染,同时具备 H5 与原生应用的双重优点,开发者使用的前端技术栈资料多,学习成本低。
2018 年 3 月份,由小米,OPPO,vivo,华为等 10 家国内主流厂商成立了快应用联盟,从技术规范层面做了统一,并保证了开发者开发的快应用可以直接在所有的联盟内厂商的手机设备上运行。
快应用框架深度集成进各手机厂商的手机操作系统中,可以在操作系统层面形成用户需求与应用服务的无缝连接,很多只用在原生应用中才能使用的功能,在快应用中可以很方便的实现,享受原生应用体验,同时不用担心分发留存等问题,资源消耗也比较少。
对于每台手机设备,应用可以从多个系统入口,引用用户体验产品。比如:全局搜索、负一屏、浏览器搜索等。
项目框架
首先,点开BlueOS Studio。
项目结构
└── src │ ├── assets # 公用的资源(Images/Styles/字体...) │ │ ├──images # 存储 png/jpg/svg 等公共图片资源 │ │ └──styles # 存放 less/css/sass 等公共样式资源 │ ├── helper # 项目自定义辅助各类工具 │ ├── pages # 统一存放项目页面级代码 │ ├── app.ux # 应用程序代码的入口文件 │ └── manifest.json # 配置应用基本信息 └── package.json # 定义项目需要的各种模块及配置信息
主要文件位置
路由的使用
在manifest.json中添加路由声明:
"name": "system.router"
添加路由地址
引用路由
import router from '@system.router'
路由跳转示例
router.push({
uri: '/pages/DemoDetail',
})
编码结构
template标签中写HTML页面。
script写js代码【<script></script>】
style写css代码【<style lang="less"></style>】
外部引用的时候都需要使用import
总结
有了以上内容,在vue的基础上就可以进行开发了,路径什么的自己尝试相对路径即可。