按需引入；

第一步： npm i unplugin-vue-components unplugin-element-plus -D

第二步：vite.config.js配置

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

import ElementPlus from 'unplugin-element-plus/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    ElementPlus({
      importStyle: 'sass',
      useSource: true
    }),
    Components({
      resolvers: [ElementPlusResolver()]
    })
  ]
})

第三步：运行项目（这个地方我的报错了，原因是我的node版本是12.16.1）

报错提示：

第四步：解决报错（node最新版不会有用到第四步的机会）

4.1、清除npm缓存,执行命令：

npm cache clean -f

4.2、安装n模块（n模块是管理nodejs的版本的）

npm install -g n

4.3、升级node.js到最新稳定版：

n stable

查看版本号

node -v

查看node安装路径

which node

升级好了node，重新运行吧！

注：mac升级安装需要在命令前加sudo