VUE3+Vite+ant+TS组件 最新！

VUE3+Vite+ant组件+Ts

---

前言

Vue 3（使用TypeScript）和Ant Design Vue项目框架搭建是指在Vue 3框架下，结合使用TypeScript编程语言和Ant Design Vue UI库，创建一个基本的项目结构和配置。

---

一.下载命令

 npm i --save ant-design-vue@next

二、引入组件

1.在main.ts中引入注册

代码如下：

import { createApp } from 'vue'
import './style.css'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/reset.css';
import App from './App.vue';

const app = createApp(App);
app.use(Antd);
app.mount('#app');

2.在页面中使用

代码如下（示例）：

 <a-button type="primary"> button</a-button>

3.效果图

---

总结

注意：引入 css的地址 import 'ant-design-vue/dist/reset.css';

以上就是今天要讲的内容，本文仅仅简单介绍了VUE3+Vite+ant组件的使用