如何在vue3中使用element-plus,超详细步骤

第一步先创建vue3项目

npm create vite@latest

输入文件名

后面的就分别选vue、javaScript

最后就按提示启动项目

第二步进入项目，安装Element-Plus

这里我用的是vs code，到编辑器中打开刚刚创建的vue3项目文件夹，新建终端，然后在终端输入

npm install element-plus --save

安装后，终端没有报错，在package.json中又能看到element-plus的版本号就说明安装成功了

之后在main.js中配置Element-Plus

import ElementPlus from 'element-plus'
import 'element-plus/theme-chalk/index.css'

createApp(App).use(ElementPlus).mount('#app')

到这里就配置成功了，就可以到官网中复制组件了Overview 组件总览 | Element Plus (element-plus.org)

最后，希望各位大厂工程师们能够给文章点点赞，和收藏