<!--
source: https://blueos.niceshare.site/reference/quickstart/introduction/
site: 蓝河文档馆
summary: 蓝河应用开发采用类 web 开发范式，使用 UI 组件来搭建页面布局，使用样式来描述组件和页面的效果，使用 Javascript 来进行业务逻辑的开发。蓝河应用支持 MVVM（Model-View-ViewModel）的架构，通过数据绑定视图的方式，数据发生变化时，会自动触发 UI 的更新。
-->
---
title: '概述'
description: '蓝河应用开发采用类 web 开发范式，使用 UI 组件来搭建页面布局，使用样式来描述组件和页面的效果，使用 Javascript 来进行业务逻辑的开发。蓝河应用支持 MVVM（Model-View-ViewModel）的架构，通过数据绑定视图的方式，数据发生变化时，会自动触发 UI 的更新。'
lastUpdated: 2025-04-29T03:37:34.000Z
---

蓝河应用开发采用类 web 开发范式，使用 UI 组件来搭建页面布局，使用样式来描述组件和页面的效果，使用 Javascript 来进行业务逻辑的开发。蓝河应用支持 MVVM（Model-View-ViewModel）的架构，通过数据绑定视图的方式，数据发生变化时，会自动触发 UI 的更新。

如果开发者是首次接触蓝河应用，并希望立即开始编写代码，请从 [构建首个蓝河应用](/reference/quickstart/quick-start) 开始。

## 蓝河应用系统能力开放概览

蓝河应用具备完备的开放能力，支持在健康、运动、出行、娱乐等全场景的应用的高效开发。

### 十二大系统能力

| 系统能力 | 描述 |
| :-- | :-- |
| 应用框架 | 1\. 功能组件：Page、Service、Widget；
2\. 通知能力：Event、Notification、Toast；
3\. 页面路由；
4\. 后台管理、窗口管理，包管理； |
| UI 组件 | 1\. 基础组件、容器组件、表单组件、画布组件、导航组件；
2\. 系统风格 UI 组件；
3\. MVVM 编程模型；
4\. 弹性布局，自适应布局；
5\. 属性动画、SVG 矢量动画，帧动画； |
| AI 能力 | 1\. AI 算法能力：视觉算法、语音算法、自然语言处理；
2\. AI 服务引擎：支持调用连接端的强算力设备上的端侧大模型和云端大模型；
功能组件包括 Chain、Agent、Memory、Tools，LLM API、PromptTemplete; |
| 连接能力 | 1\. 开放组件 Kit: HealthKit、ShareKit、KeyKit、RelayKit；
2\. BlueXlink: 发现、连接、传输、策略、协议适配； |
| 运动健康能力 | 1\. 睡眠数据、运动数据 ；
2\. 健康数据：心率、卡路里；
3\. 运动识别：行走、跑步、骑行、游泳、跳绳... ；
4\. 姿态识别：久坐、站立； |
| 通信能力 | 1\. 蓝牙、NFC ；
2\. 上传下载 ；
3\. 数据请求 ；
4.WebSocket； |
| 多媒体能力 | 1\. 原子音乐播放组件；
2\. 图像/音频编解码；
3\. 音频录制、播放；
4\. 音频管理； |
| 数据存储能力 | 1\. 存储空间管理；
2\. K-V 存储；
3\. 文件存储；
4\. 数据共享； |
| 电话能力 | 1\. 通话、短信；
2\. 蜂窝数据；
3\. 网络搜索；
4\. SIM 卡管理； |
| 基础硬件能力 | 1\. 位置服务；
2\. 振动；
3\. 屏幕管理；
4\. 电源管理；
5\. 传感器：佩戴状态、抬腕、计步、罗盘、加速度、陀螺仪、气压； |
| 基础软件能力 | 1\. 系统设置；
2\. 全球化；
2\. 解压缩、序列化； |
| 安全能力 | 1\. 权限机制；
2\. 加解密算法库；
3\. 应用沙箱； |

### 两套 API

为了兼顾高效开发和高性能，蓝河应用提供了两套 API，Javascript API 和 Native API

1.  Javascript API 提供了完整的开放能力， 支持开发者高效率地完成应用的开发。
2.  Native API 主要聚焦高性能场景，以及方便开发者对原有代码的复用。

## 三种应用形态

蓝河应用支持应用、表盘、快捷卡片三种应用形态。

1.  应用：它具有完整的功能，可以支持多页面，支持复杂的 UI 交互，支持应用间的跳转和数据交换。它可以在后台运行，在特定场景可以长期运行。
2.  表盘：它具备装饰属性， 也代表了用户的个性化选择。支持普通和 AOD 两种显示模式，支持动态交互和 20 多种数据展示。支持三种开发方案：AI 生成、表盘设计工具制作、代码编程实现。
3.  快捷卡片：是一种高效的信息展示方式，用户无需进入应用，在表盘界面只需左滑，即可查看信息和控制操作。

蓝河表盘是一种非常重要的应用形态，蓝河应用致力于为用户提供丰富的表盘。为此蓝河开发套件共提供三种开发表盘方案，开发者既可以通过自然语言交互快速生成表盘（即将开放）、也可以使用设计图配置生成表盘（即将开放）、还可以使用代码编程实现功能更丰富的表盘。如果您需要了解更多关于代码编程实现表盘的方式请移步 [表盘教程](/reference/extend/watchface) 与 [UI 组件支持的表冠旋转](/component/common/ui-rotation) 进行更详细的了解。

## 通用开发流程

### 一、准备开发环境

BlueOS Studio 是面向蓝河应用开发推出的一款全新的一站式集成开发环境。开发者可以使用 BlueOS Studio 开发、调试和打包蓝河应用。BlueOS Studio 提供了丰富的功能和工具，可以极大地提高开发效率和代码质量。如果您想了解更多关于 BlueOS Studio 的功能和使用方法，请移步 [BlueOS Studio](https://studio.blueos.com.cn/) 的详细教程。同时，您也可以 [点击链接进入工具下载页面](https://studio.blueos.com.cn/install) ，安装 BlueOS Studio。

### 二、开发 UI

蓝河应用主要使用 UI 组件和样式进行界面的开发。UI 组件是蓝河应用 UI 开发的最小单元，蓝河应用提供了基础、表单，布局/容器、画布、导航、动画、系统风格等类型的一系列组件。 组件、样式、js 代码大部分都是写在 `.ux` 的文件中，您想进一步了解组件、样式、js 代码是如何组织的，可以移步 [ux 文件](/reference/configuration/ux-file) 进行更详细的了解。

在组件开发基础之上，蓝河应用还提供了丰富的样式支持，因此开发者可以开发出包含自己独特风格的蓝河应用。样式可以声明在<style>标签内也可以通过 style 属性以内联样式的形式声明在组件标签上，如果您想了解更多关于样式的详细信息，请移步 [style 样式](/reference/configuration/style-sheet) 。蓝河应用支持的通用样式情况的详细信息，可以移步了解 [通用样式支持](/component/common/common-styles)

### 三、开发业务功能

蓝河应用提供了 JS API 和 Native API 两种接口，以支撑高效和高性能的开发场景。开发者可以根据需要选择不同的接口进行开发，以获得更好的开发体验和应用性能。

1.JS API 提供了完整的开放能力， 支持开发者高效率地完成应用的开发。开发者可以实现应用生命周期监听、系统弹窗、多设备互联等操作，如果您需要了解更多关于这些开放能力的信息，请移步 [JS 功能接口](/api/system/app) 进行了解。

2.Native API 主要聚焦高性能场景，支持 Posix API 以及部分系统能力如连接能力、数据存储能力、通信能力等。如果您需要了解 Native API 更详细的信息，请移步 [Native API](/native/quickstart/introduction) 。

### 四、开发调试

在开发的过程中，可以首先使用 BlueOS Studio 的 [实时预览](https://studio.blueos.com.cn/debug/preview/) 查看开发的界面效果。

此外，开发者经常会遇到到 UI 问题、网络问题、内存问题等。

BlueOS Studio 也提供了对应的分析面板，例如： [UI 调试](https://studio.blueos.com.cn/debug/devtools/#element-%E9%9D%A2%E6%9D%BF) 、 [网络调试](https://studio.blueos.com.cn/debug/devtools/#network-%E9%9D%A2%E6%9D%BF) 、 [内存调试](https://studio.blueos.com.cn/debug/devtools/#memory-%E9%9D%A2%E6%9D%BF) 、 [查阅日志](https://studio.blueos.com.cn/debug/console/) ，助力开发者更高效地定位问题。

开发完成后，开发人员需要对应用进行测试。BlueOS Studio 提供了 [自动化测试的功能](https://studio.blueos.com.cn/test/autotest/) ，助力开发者提高测试效率。

### 五、发布

开发测试完成后，就来到了最后的发布环节，开发者可以使用 BlueOS Studio 的打包功能，将开发的应用打成 rpk 包。

打包完成后，前往发布平台[发布](https://dev.vivo.com.cn/watchRpk/list)后，蓝河操作系统的用户即可使用到对应的蓝河应用。

### 六、快应用开发支持

蓝河系统支持快应用标准，可以使用 BlueOS Studio 进行快应用的开发，快应用开发技术文档请参考[快应用官网](https://www.quickapp.cn)。