ElementPlus的使用

ElementPlus

• PC端常用组件库
• 地址：https://element-plus.org/zh-CN/#/zh-CN

① 安装

注意：一定要记得先安装elementplus！！！！不要还没安装就先配置下面的步骤了😢（因为我就是

pnpm install element-plus

② 导入使用

这里介绍的是自动按需导入，配置好了之后在使用的时候不需要手动导入，会自动进行导入
其他的导入方式可以查看官方文档配置

• 先安装插件

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

• 然后在 vite.config.js 里面配置如下代码

// 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()],
    }),
  ],
})