步骤一:
下载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()],
}),
]
})