---
title: 知识地图
summary: 提供涂鸦小程序从了解、准备、开发到上线的完整学习路径和资源导航。
questions:
  - 涂鸦小程序的学习路径分为哪几个阶段？
  - 智能小程序和面板小程序的开发流程有什么区别？
  - 开发小程序需要注册什么账号？
  - 面板小程序推荐使用什么框架开发？
  - 如何快速开始智能小程序的开发？
  - 小程序原生开发和Ray开发有什么不同？
  - 小程序上线需要经过哪些步骤？
---

## 学习路径

### 说明

- 智能小程序和面板小程序底层都是小程序。他们的搭建环境、初始化工程、开发调试、体验测试大部分流程都相近。
- 为了让涂鸦现有的开发者，能更好地迁移到面板小程序，也能让新的开发者具有更低的门槛，我们更推荐您使用 Ray 进行面板小程序开发。

### 一、了解

- [小程序应用概述](/cn/miniapp/common/desc/tech-stack/introduce)

### 二、准备

#### 1.账号与应用

- [开发者账号注册](/cn/miniapp/develop/miniapp/guide/start/smart#%E4%BA%8C%E6%B3%A8%E5%86%8C%E5%85%A5%E9%A9%BB)
- [创建小程序](/cn/miniapp/develop/miniapp/guide/start/smart#三创建小程序)
- [创建产品(面板)](/cn/miniapp/develop/miniapp/guide/start/quick-start#二创建产品)

#### 2.开发工具

- [使用指南](/cn/miniapp/devtools/tools)
- [下载](/cn/miniapp/devtools/tools/download)

### 三、开发

#### 1.快速开始

- [智能小程序快速开始](/cn/miniapp/develop/miniapp/guide/start/smart)
- [面板小程序快速开始](/cn/miniapp/develop/miniapp/guide/start/quick-start)

#### 2.原生开发

- [框架](/cn/miniapp/develop/miniapp/framework/overview)
- [官方组件](/cn/miniapp/develop/miniapp/component)
- [API](/cn/miniapp/develop/miniapp/api/base/applicationLevelEvents/onAppShow)

#### 3.Ray 开发

- [框架](/cn/miniapp/develop/ray/framework/app)
- [官方组件](/cn/miniapp/develop/ray/component)
- [API](/cn/miniapp/develop/ray/api/base/framework/getApp)
- [扩展](/cn/miniapp/solution-panel/ability)
- [物料广场](https://developer.tuya.com/material)

### 四、上线

- [智能小程序](/cn/miniapp/develop/miniapp/guide/start/smart#%E5%85%AD%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%AE%A1%E6%A0%B8%E4%B8%8A%E7%BA%BF)
- [面板小程序](/cn/miniapp/develop/miniapp/guide/start/quick-start#六审核上线)