README.md
MateChatTemplate
🌈 项目简介
本项目是基于MateChat与Devui的Vue3项目模板,由Inscode 提供 AI 接口,旨在帮助开发者快速上手体验MateChat并搭建属于自己的AI助手。
了解更多请访问MateChat网站:MateChat
🖥 ️开始体验
开放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>组件的注释,为欢迎页添加一行提示词。