<!--
source: https://blueos.niceshare.site/guide/
site: 蓝河文档馆
summary: 面向 Web / Vue 开发者的 BlueOS 学习路径：先跑通 Hello World，再做出一个多页面待办应用。
-->
---
title: 从这里开始
description: 面向 Web / Vue 开发者的 BlueOS 学习路径：先跑通 Hello World，再做出一个多页面待办应用。
---

这篇说明这条教程给谁看、怎么读、和官方参考怎么分工。

**学完能做什么：** 知道下一步点哪一篇，不会在能力清单里迷路。

**前置：** 无。会 HTML / CSS / JavaScript，读过 Vue 或任意前端框架更好。

## 这条路径给谁

给会做网页、却第一次写蓝河（BlueOS）手表应用的人。默认你会组件、路由、请求这些概念；本教程重点讲 **BlueOS 和浏览器 / Vue 不一样的地方**。

## 教程负责学会，参考负责查表

| 你想 | 去 |
|------|----|
| 跟着做、建立心智模型 | 本教程 `/guide/` |
| 查某个组件 / API 的字段 | 侧边栏里的官方参考 |

官方「快速开始」和「基础指南」仍在，适合当字典。不要从那里当第一门课。

## 阅读顺序

1. [环境与 Hello World](/guide/hello-world/) — 工具链和第一屏
2. [这不是浏览器，也不是 Vue](/guide/not-vue/) — 对照表
3. [`.ux` 与 `manifest`](/guide/ux-and-manifest/) — 一页怎么组成
4. [布局与样式](/guide/layout-and-style/) — flex 与 CSS 子集
5. [数据、列表与事件](/guide/data-list-events/) — 响应式和交互
6. [做一个待办应用](/guide/todo-app/) — 多页面 + 存储 + 请求
7. [常见问题](/guide/pitfalls/) — FAQ 与排错表
8. [接下来去哪](/guide/next-steps/) — 卡片、表盘、性能

## 第一版不覆盖什么

卡片（标准卡 / 轻卡）、表盘、Native API。做完待办之后，[接下来去哪](/guide/next-steps/) 会指到对应官方文档。

## 本页要点

- 读者是 Web / Vue 开发者，不是从零学编程。
- 教程按 1→9 读；官方参考用来查参数。
- 第一版终点：独立做出一个多页面待办应用。

下一篇：[环境与 Hello World](/guide/hello-world/)
