步骤一:
下载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配置文件中导入
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
步骤四:
在vite.config配置文件中配置按需导入插件
export default defineConfig({plugins: [vue(),AutoImport({resolvers: [ElementPlusResolver()],}),]
})