element plus 按需导入vue

啧不应该啊2024-09-22 13:05

步骤一：

下载element plus

在打开vue项目的编辑器 中打开终端，或者在cmd窗口 进入到项目目录下

用你的包管理器安装element plus,例如使用npm包管理器：

复制代码

npm install element-plus --save

查看是否安装成功：查看项目文件package-lock.json中有没有element plus

复制代码

dependencies": {
        "axios": "^1.7.7",
        "element-plus": "^2.8.3",
        "vue": "^3.4.29",
        "vue-router": "^4.3.3"
      }

步骤二：

下载自动导入的插件

复制代码

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

步骤三：

在vite.config配置文件中导入

javascript 复制代码

import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

步骤四：

在vite.config配置文件中配置按需导入插件

javascript 复制代码

export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    
  ]
})