1, 下载安装element-plus
cnpm i element-plus / yarn add element-plus
2, 下载elment-plus按需导入插件
cnpm i unplugin-vue-components unplugin-auto-import
3, 配置vite.config.ts
import { defineConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
export default defineConfig({
plugins: [
// ...
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
],
})
4, 在页面中直接使用组件库即可
<el-button type="primary" plain>Primary</el-button>
需要注意的问题:
1, 安装环境版本要求(此处环境):