【MateChat】开源下载和安装教程

【免费下载链接】MateChat 前端智能化场景解决方案UI库，轻松构建你的AI应用，我们将持续完善更新，欢迎你的使用与建议。 官网地址：https://matechat.gitcode.com 项目地址: https://gitcode.com/DevCloudFE/MateChat

1、项目介绍

MateChat是华为DevCloud团队开发的前端智能化场景解决方案UI库，提供开箱即用的AI对话组件，支持快速构建AI应用。核心特性包括：

• 智能化场景专属组件（如聊天气泡、布局容器等）
• 多主题适配能力
• 已应用于华为CodeArts、InsCode AI IDE等产品

2、项目下载位置

通过GitCode仓库获取项目代码：

git clone git@gitcode.com:DevCloudFE/MateChat.git

3、项目安装环境配置

需提前安装以下环境：

• Node.js 16+
• pnpm 7+
• Vue 3.x

（图示：通过node -v和pnpm -v命令验证版本）

4、项目安装方式

方式一：作为依赖安装（推荐）

pnpm add @matechat/core @devui-design/icons

方式二：本地开发安装

cd MateChat
pnpm install
pnpm run dev

5、项目处理脚本

核心脚本说明：

{
  "scripts": {
    "dev": "vite",          // 启动开发服务器
    "build": "vite build",  // 生产环境构建
    "preview": "vite preview" // 预览生产包
  }
}

组件使用示例：

<template>
  <McBubble content="Hello" avatarConfig="{ name: 'AI' }"/>
</template>
<script setup>
import { McBubble } from '@matechat/core'
</script>

提示：完整组件文档可通过本地docs:dev脚本启动查看

【免费下载链接】MateChat 前端智能化场景解决方案UI库，轻松构建你的AI应用，我们将持续完善更新，欢迎你的使用与建议。 官网地址：https://matechat.gitcode.com 项目地址: https://gitcode.com/DevCloudFE/MateChat