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

作者：知新_RL | 2024-05-30 01:28:18

踩

element-plus vue3格式

第一步先创建vue3项目

npm create vite@latest

输入文件名

后面的就分别选vue、javaScript

最后就按提示启动项目

这里我用的是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)

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/644760