蓝河BlueO - 快速开始开发

简介: 蓝河BlueO - 快速开始开发

本文将从下载 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的基础上就可以进行开发了,路径什么的自己尝试相对路径即可。

相关文章
|
2月前
|
缓存 负载均衡 安全
开发领域
开发领域
30 4
|
2月前
开发遇到的问题
开发遇到的问题
21 1
|
2月前
|
小程序 测试技术 持续交付
小程序全栈开发:如何提高开发效率
【4月更文挑战第12天】本文探讨了提高小程序全栈开发效率的策略:选择合适开发工具和框架,如微信开发者工具和Taro;实践模块化和组件化开发,增强代码复用性;采用前后端分离模式,提升灵活性;利用微信云开发平台简化工作流程;关注代码优化与性能调优;实施自动化测试和持续集成;强调团队协作与沟通;并强调持续学习与总结,以提升开发效率和构建高质量小程序。
|
11月前
MyBatisDao开发
MyBatisDao开发
38 0
|
小程序 开发者
利用无代码工具开发一款小程序(一)
利用无代码工具开发一款小程序(一)
|
小程序 容器
利用无代码工具开发一款小程序(二)
利用无代码工具开发一款小程序(二)
|
存储 Dubbo 前端开发
开发之所以然
想点啥说点啥
|
小程序 IDE Serverless
开发前准备
在开始使用阿里云小程序Serverless服务开发支付宝小程序前,您需要确保完成以下准备工作。
开发前准备
|
测试技术
开发流程模型
开发流程模型
963 0
|
Java 测试技术 开发工具
如何自己开发软件测试工具
一说到自动化测试工具,大家很多人都会想到的是QTP、LR或者selenium之类的工具,要大家一开始设计一个这样的工具,其实确实很有难度,因为其包含的功能细节太过庞大。当年的我,开始设计开发工具的过程中,走了很多弯路,例如:做工具的界面技术的历程,刚开始用tcl/tk脚本语言,用tcl写底层框架,用tk写图形界面,后来发现tk虽然构造图形方便,但可拓展性实在太差。
1963 0