1 第一步,在项目的终端中输入:
npm install element-plus --save
2 第二步,为了按需导入,按以下方式下载:
npm install -D unplugin-vue-components unplugin-auto-import
3 第三步,修改vue.config.js文件,替换为:
const { defineConfig } = require("@vue/cli-service")
const AutoImport = require("unplugin-auto-import/webpack")
const Components = require("unplugin-vue-components/webpack")
const { ElementPlusResolver } = require("unplugin-vue-components/resolvers")
module.exports = defineConfig({
transpileDependencies: true,
configureWebpack: {
plugins: [
AutoImport({
resolvers: [ElementPlusResolver()]
}),
Components({
resolvers: [ElementPlusResolver()]
})
]
}
})
4 保存改动,运行程序,但是报错,一般是第二步下载的软件版本的不兼容问题,降低下载的版本:
npm install -D unplugin-vue-components@0.18.0 unplugin-auto-import@0.8.6