创建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
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
挂载Antd
app.use(Antd)
配置文件完整代码
import { createApp } from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
const app = createApp(App)
app.use(Antd)
app.mount('#app')