因为本人不是太会 Angular版本，看了一下，华为云 DevUI支持Vue框架的UI框架，接下来引导如何在项目中使用Vue DevUI。

Vue版本

当前支持的 Vue 版本^3.0.0

1.创建一个项目

推荐使用@vite/cli创建你的项目，先看一下npm本地的版本是多少？

# npm 7+/8+
npm create vite my-vue-app -- --template vue-ts

在安装的过程中，发现报错了，可以看到以下报错信息：

You are using Node.js 18.7.0. Vite requires Node.js version 20.19+ or 22.12+. Please upgrade your Node.js version.
error when starting dev server:
TypeError: crypto.hash is not a function

通过nvm安装20.19的Node版本，再次进行安装：

安装完成后，会自动跑起来

打开网址地址为：

2. 安装#

进入你的项目文件夹，使用 NPM 安装Vue DevUI和配套的图标库

npm i vue-devui @devui-design/icons devui-theme

3. 引入插件和样式#

在src/main.ts文件中写入以下内容

import DevUI from 'vue-devui';
import 'vue-devui/style.css';
import '@devui-design/icons/icomoon/devui-icon.css';
import { ThemeServiceInit, infinityTheme } from 'devui-theme';

ThemeServiceInit({ infinityTheme }, 'infinityTheme');

createApp(App).use(DevUI).mount('#app');

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import DevUI from 'vue-devui';
import 'vue-devui/style.css';
import '@devui-design/icons/icomoon/devui-icon.css';
import { ThemeServiceInit, infinityTheme } from 'devui-theme';

ThemeServiceInit({ infinityTheme }, 'infinityTheme');

createApp(App).use(DevUI).mount('#app');

4. 使用组件

在src/App.vue文件的中增加以下内容

<template>
  <!-- 使用 Button 组件 -->
  <d-button>确定</d-button>
</template>

参考链接：
MateChat：https://gitcode.com/DevCloudFE/MateChat
MateChat官网：https://matechat.gitcode.com
DevUI官网：https://devui.design/home