文档链接

1. 插件安装

首先你需要安装unplugin-vue-components 和 unplu在这里插入代码片gin-auto-import这两款插件

npm install -D unplugin-vue-components unplugin-auto-import

然后把下列代码插入到你的 Vite 或 Webpack 的配置文件中

2. 创建配置

• Vite

// vite.config.ts
import vue from '@vitejs/plugin-vue'
import { defineConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver,AntDesignVueResolver  } from 'unplugin-vue-components/resolvers'export default defineConfig({
// 项目访问前缀base: '/hospital-vue',server: {port: 3000,//是否弹出浏览器open: false,//允许跨域cors: true},plugins: [vue(),AutoImport({resolvers: [ElementPlusResolver(),AntDesignVueResolver()],}),Components({resolvers: [ElementPlusResolver(),AntDesignVueResolver()],}),],
})