网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

Vue中如何引入Element UI前端开发前端框架

时间:2024-10-13 07:26:37

1、 参考经验:http://jingyan.baidu.com/article/2f9b480d78d33901ca6cc21c.html使用vs code打开vue前端工程,并打开终端,如图所示

Vue中如何引入Element UI前端开发前端框架

2、 输入命令后回车: npm i element-ui -S

Vue中如何引入Element UI前端开发前端框架

3、 步骤2中安装完成,如图所示

Vue中如何引入Element UI前端开发前端框架

4、 找到main.js文件,加入如图所示的引用代码:import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)

Vue中如何引入Element UI前端开发前端框架

5、 在终端中输入命令: npm run dev

Vue中如何引入Element UI前端开发前端框架

6、 浏览器中输入url回车:http://localhost:8080, 显示如图所示

Vue中如何引入Element UI前端开发前端框架

7、 如果您觉得有用,记得在下方点击投票、点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的支持才是小编继续努力的动力,么么哒。

Vue中如何引入Element UI前端开发前端框架
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com