vue3.0安装Antd

创建vue3项目

:: 设置项目名
set projectName=vue_antd_1
:: 创建 vue3 项目
vue create %projectName%

上下键选择第二个，Vue 3，回车

进入vue3项目

:: 进入项目
cd %projectName%
:: vue3 集成 typescript
vue add typescript

设置项目的typescript，按一个n（不使用类样式的组件语法）,四个y（4次回车即可）

vue3 安装 router、vuex、sass、Antd

:: vue3 安装 router、vuex、sass、Antd
cnpm i -D vue-router@next vuex@next node-sass@5.0.0 sass-loader@10.1.1 vue-loader-v16@16.0.0-beta.5.4 ant-design-vue@next 

项目引入Antd

在vue的main.js文件操作

导入Antd

// 导入Antd
import Antd from 'ant-design-vue'
// 导入Antd样式
import 'ant-design-vue/dist/antd.css'

挂载Antd

// 挂载Antd
app.use(Antd)

配置文件完整代码

import { createApp } from 'vue'
import App from './App.vue'
// 导入Antd
import Antd from 'ant-design-vue'
// 导入Antd样式
import 'ant-design-vue/dist/antd.css'
const app = createApp(App)
// 挂载Antd
app.use(Antd)
app.mount('#app')