elementPlus引入

简介: elementPlus引入



1. 安装elementPlus和自动导入插件

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

2. 配置自动按需导入

// 引入插件
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()],
    }),
  ]
})

3. 测试组件

<template>
  <el-button type="primary">i am button</el-button>
</template>
目录
相关文章
|
1月前
|
JavaScript
Ant designe vue中有关默认组件引入不生效的问题;
Ant designe vue中有关默认组件引入不生效的问题;
33 0
|
前端开发
从0搭建Vue3组件库(七):使用 gulp 打包组件库并实现按需加载
从0搭建Vue3组件库(七):使用 gulp 打包组件库并实现按需加载
269 0
|
1月前
|
资源调度
uniapp引入vant组件库
uniapp引入vant组件库
53 11
|
1月前
|
JavaScript Go
VUE3+vite项目中动态引入组件和异步组件
VUE3+vite项目中动态引入组件和异步组件
|
1月前
|
JavaScript
vue3引入vant完整步骤
vue3引入vant完整步骤
74 8
|
1月前
|
资源调度
项目 引入 uView
项目 引入 uView
28 0
|
1月前
|
JavaScript
vue项目中引入vant
vue项目中引入vant
49 0
|
7月前
vue3引入uview-plus3.0移动组件库
vue3引入uview-plus3.0移动组件库
|
10月前
|
JavaScript
vue框架项目中怎样引入外部组件
这里以引入vant组件为例
90 0
|
10月前
|
JSON 小程序 前端开发
小程序引入第三方插件Vant和小程序WeUl组件库
现如今前端的技术再向框架化的发展,框架的使用提高我们的编码的效率和性能的优化,同样CSS样式也是越来越高的要求,今天我要向大家介绍的就是较火的前端UI框架Vant UI组件库
213 0