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

文档说明手册

相关推荐
知远同学11 分钟前
关闭Chrome提示更新失败的弹窗
前端·chrome
Heidi__1 小时前
Vue 3 的响应式原理
前端·javascript·vue.js
LinXunFeng1 小时前
Flutter - Xcode16 还原编译速度
前端·flutter·xcode
夏之小星星1 小时前
element-ui自制树形穿梭框
前端·javascript·ui·elementui·vue
zhangivon2 小时前
如何设计灵活可扩展的前端日志解决方案:提升应用稳定性与可观测性
前端
程序员黄同学2 小时前
解释观察者模式,如何实现观察者模式?
前端·算法·观察者模式
观无3 小时前
JWT认证服务
前端·c#·vue
匹马夕阳3 小时前
(一)前端程序员转安卓开发分析和规划建议
android·前端
Monly213 小时前
Vue:Table在点击删除的时候阻止行点击事件
前端·javascript·vue.js
我自纵横20234 小时前
使用 JavaScript 动态设置 CSS 样式
开发语言·前端·javascript·css·html·json·html5