Element Plus 快速开始

1.完整引入(全局引入)

javascript 复制代码
// main.ts
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'

const app = createApp(App)

app.use(ElementPlus)
app.mount('#app')
javascript 复制代码
npm install element-plus --save

2.按需导入

首先你需要安装unplugin-vue-componentsunplugin-auto-import这两款插件

javascript 复制代码
npm install -D unplugin-vue-components unplugin-auto-import

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

vite

javascript 复制代码
// 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()],
    }),
  ],
})

快速开始 | Element Plus

文档说明手册

相关推荐
小小小小宇9 分钟前
手写 zustand
前端
Hamm40 分钟前
用装饰器和ElementPlus,我们在NPM发布了这个好用的表格组件包
前端·vue.js·typescript
明似水1 小时前
Flutter 弹窗队列管理:支持优先级的线程安全通用弹窗队列系统
javascript·安全·flutter
小小小小宇2 小时前
前端国际化看这一篇就够了
前端
大G哥2 小时前
PHP标签+注释+html混写+变量
android·开发语言·前端·html·php
whoarethenext2 小时前
html初识
前端·html
小小小小宇2 小时前
一个功能相对完善的前端 Emoji
前端
m0_627827522 小时前
vue中 vue.config.js反向代理
前端
Java&Develop2 小时前
onloyoffice历史版本功能实现,版本恢复功能,编辑器功能实现 springboot+vue2
前端·spring boot·编辑器
白泽talk2 小时前
2个小时1w字| React & Golang 全栈微服务实战
前端·后端·微服务