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>
目录
相关文章
|
JavaScript API
Vue 引入 zepto
文档 API 中文版 安装 zepto npm install zepto --save 其他组件 (不装会报错 "$ is not defined") 由于我们用 npm 下载的模块没有模块化,因此我们要安装以下组件 npm instal...
2863 0
|
4月前
Vue3项目引入 vue-quill 编辑器组件并封装使用
本文介绍了如何在Vue3项目中引入并封装使用`vue-quill`富文本编辑器组件,包括安装配置、父页面实现、子组件设计以及使用方法和效果展示。
1118 0
Vue3项目引入 vue-quill 编辑器组件并封装使用
|
4月前
|
JavaScript
在vue中引入elementui
这篇文章介绍了如何在Vue项目中引入Element UI库,包括使用npm安装Element UI、在main.js文件中引入并注册,以及如何调用Element UI的组件。
|
6月前
|
JavaScript 前端开发
Vue,如何引入样式文件
Vue,如何引入样式文件
|
7月前
|
JavaScript
vue3引入vant完整步骤
vue3引入vant完整步骤
508 8
|
开发框架 JavaScript 前端开发
详解如何在vue项目中引入饿了么elementUI组件
详解如何在vue项目中引入饿了么elementUI组件
175 0
|
7月前
|
资源调度
项目 引入 uView
项目 引入 uView
54 0
|
7月前
|
JavaScript
vue项目中引入vant
vue项目中引入vant
72 0