第三节:AntDisgn安装与导入

AntDisgn官网
1.安装:npm install -g @vue/cli或者 yarn global add @vue/cli
2.导入(我这进行的是全局使用在main.js里边进行配置)

import { createApp } from 'vue'
import './style.css'
import App from '@/App.vue'
import router from '@/router/index' 导入路由
import store from '@/store/index'//导入状态管理
import Antd from 'ant-design-vue';//全局引入 Ant Design Vue
import 'ant-design-vue/dist/reset.css';

 //创建并挂载根实例
 const app =createApp(App)
 app.use(router)//整个应用支持路由
 app.use(store)//整个应用支持状态管理
 app.use(Antd)//整个应用 Ant Design Vue
//  挂载根应用
 app.mount('#app')

测试一下看有没有配置成功


第三节:AntDisgn安装与导入_第1张图片

注意的地方:我用的vue3 导致antv一直报错
第一种报错
在这里插入图片描述
第二种报错
第三节:AntDisgn安装与导入_第2张图片

一般都是版本的问题 要不
安装指定的antv npm install [email protected]
我是这样解决的:npm i --save ant-design-vue@next -S

你可能感兴趣的:(Vue3企业项目任务协同管理,vue.js,前端,javascript)