vue3+ts+antd环境搭建

vue3+ts+antd环境搭建

1、vue create video-clip 脚手架创建项目
2、
3、
4、
5
6、删除无关文件

7、引入antd
npm i --save ant-design-vue@next
main.ts中引入antd

import { createApp } from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
import router from './router'
import store from './store'

createApp(App).use(Antd).use(store).use(router).mount('#app')

8、Home页面中添加按钮

展示效果