欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > vue >内容正文

vue

在vue2.x项目中怎么引入Element UI

发布时间:2025/7/25 vue 127 豆豆
生活随笔 收集整理的这篇文章主要介绍了 在vue2.x项目中怎么引入Element UI 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

参考:https://blog.csdn.net/u014054437/article/details/79862793

Element使用方法:https://element.eleme.cn/#/zh-CN/component/button

第一步:cmd进入项目目录下,安装elementUI并保存到package.json


$ npm install element-ui -S

npm install element-ui -S

  

有2个错误

解决方法:npm install                      如图

再执行一次npm install element-ui -S     如图

 

这个时候,项目(F:\peixun\testVueLeaflet\test-e-leaflet3)package.json文件下的dependencies看到"element-ui": "^2.7.2"

 

第二步:在main.js入口文件中引入elementUI相关文件

 

整体引入 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI)

测试一下:

 

说明成功引入

转载于:https://www.cnblogs.com/yingyigongzi/p/10736297.html

总结

以上是生活随笔为你收集整理的在vue2.x项目中怎么引入Element UI的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。