vue（十）Element-plus

Element-plus 基于Vue3，Element-ui 基于Vue2，是一套前端页面组件库

安装和使用

• 安装 npm install element-plus --save

• 使用：按需导入，只打包使用到的组件

• 安装插件 unplugin-vue-components 和 unplugin-auto-import

• npm install -D unplugin-vue-components unplugin-auto-import

• 修改main.js配置文件后，就可以直接使用Element-plus的组件

• const { defineConfig }=require('@vue/cli-service')
  const AutoImport = require('unplugin-auto-import/webpack')
  const Components=require('unplugin-vue-components/webpack')
  const { ElementPlusResolver }=require('unplugin-vue-components/resolvers')
  
  module.exports= defineConfig({
      transpileDependencies:true,
      configureWebpack:{
          plugins:[
              AutoImport({
                  resolvers:[ElementPlusResolver()]
              }),
              Components({
                  resolvers:[ElementPlusResolver()]
              })
          ]
      }
  })