# MateChatTemplate

## 🌈项目简介
本项目是基于MateChat与Devui的Vue3项目模板，由Inscode 提供 AI 接口，旨在帮助开发者快速上手体验MateChat并搭建属于自己的AI助手。

了解更多请访问MateChat网站：[MateChat](https://matechat.gitcode.com)

## 🖥️开始体验

### 开放MateChat入口：

在Header.vue的\<template>标签中，放开MateChat入口的注释，

页面刷新后就能看到MateChat的入口。

本项目提供了两个不同的MateChat模板，它们的区别在于完成度不同

### 极简搭建
默认场景：简单的对话功能，没有接入模型，只有一个最基本的聊天助手的框架。大家可以在这里尝试组合MateChat的不同组件，搭建具有个人风格的AI应用.

### 完整搭建
如果您不满足于极简场景，我们还提供了完整的搭建。您只需要在Page.vue文件，将\<template>标签中的\<SimpleDemo />注释掉，放开\<Demo />的注释，即可看到完整的场景。

Demo在SimpleDemo的基础上，加入了MateChat的其他组件，并接入Inscode的AI模型，提供完整的聊天助手场景。

### 尝试问答：
- 帮我写一个简单的Vue3欢迎组件
- 帮我写一个Vue3组件，并使用echarts
- 帮我写一个Vue3组件，并使用echarts，内容为一个折线图，横轴为时间，纵轴为温度，数据为[1,2,3,4,5,6,7,8,9,10]， 标题为“温度变化” 

大模型回答后，可以点击下方的"切换为卡片"按钮，切换为卡片模式，并拖动卡片去替换页面上原有的卡片。

### 添砖加瓦:
在Demo.vue文件中\<McIntroduction>标签的下方， 放开\<Prompt>组件的注释，为欢迎页添加一行提示词。